← Terug naar functies
Free

Afbeeldingen extraheren

Extract Images scant elke webpagina en presenteert elke afbeelding in een gallery. Bekijk miniaturen, originele afmetingen, bestandsgroottes en bron-URL's voor elke afbeelding — selecteer vervolgens afzonderlijke afbeeldingen of download ze allemaal tegelijk. Detecteert afbeeldingen van img-tags, CSS background-image-eigenschappen, picture/source-elementen en inline data URI's.

Afbeeldingen van een webpagina één voor één opslaan — klik met rechts, "Afbeelding opslaan onder", kies map, herhaal — is pijnlijk traag wanneer een pagina tientallen afbeeldingen heeft. En het werkt alleen voor gewone img-tags. CSS-achtergrondafbeeldingen, responsieve picture-elementen en data URI-afbeeldingen kunnen op deze manier helemaal niet worden opgeslagen. Extract Images lost dit op door het volledige pagina DOM en berekende stijlen te scannen, elke afbeelding ongeacht hoe deze is geïmplementeerd te vinden en alles in een schoon galerij-paneel te presenteren. Elke afbeelding toont een miniatuuurvoorvertoning, originele afmetingen (breedte × hoogte), bestandsindeling, geschatte bestandsgrootte en bron-URL. Je kunt afzonderlijke afbeeldingen selecteren om te downloaden, of "Download All" gebruiken om alles tegelijk aan te pakken. Een grootte filter laat je kleine trackingpixels en favicons overslaan zodat je alleen inhoudrelevante afbeeldingen ziet.

Live voorvertoning
example.com/portfolio
12 afbeeldingen gevonden | Min. grootte: 100 × 100 Alles downloaden
hero-banner.jpg
1920 × 1080 · 245 KB
product-shot.png
800 × 600 · 128 KB
team-photo.jpg
640 × 480 · 89 KB
logo-dark.svg
200 × 60 · 4 KB
feature-1.png
400 × 300 · 67 KB
bg-pattern.png
1200 × 800 · 156 KB
icon-set.svg
48 × 48 · 2 KB
avatar-default.jpg
150 × 150 · 12 KB
2 geselecteerd · Totaal: 373 KB Geselecteerde downloaden
Belangrijkste kenmerken

Volledige afbeeldingengalerij

Elke afbeelding op de pagina wordt weergegeven in een rastergalerij met miniatuuurvoorvertoningen. Zie 8, 20 of 100+ afbeeldingen in één oogopslag — scroll door om precies te vinden wat je nodig hebt. Elke miniatuur is groot genoeg om de afbeeldingsinhoud te identificeren.

Metagegevens voor elke afbeelding

Elke afbeelding toont originele afmetingen (bijv. 1920×1080), bestandsindeling (PNG, JPG, WebP, SVG), geschatte bestandsgrootte (bijv. 245 KB) en bron-URL of CSS-eigenschap waaruit het afkomstig is. Geen gissen naar afbeeldingskwaliteit of -grootte.

Minimale grootte filter

Stel een minimum dimensiedrempel in (bijv. 100×100) om kleine afbeeldingen zoals trackingpixels, spacer GIF's en favicons uit te filteren. Concentreer op de inhoudafbeeldingen die werkelijk van belang zijn.

Selecteer en bulk download

Klik op afzonderlijke afbeeldingen om ze te selecteren (weergegeven met een paarse vinkje), download vervolgens alleen de geselecteerde. Of klik "Download All" om elke afbeelding op de pagina in één actie naar je apparaat op te slaan.

Multi-bron detectie

Vindt afbeeldingen uit alle bronnen: standaard img-tags, CSS background-image-eigenschappen, picture/source responsieve elementen, inline SVG's weergegeven als afbeeldingen en data URI gecodeerde afbeeldingen. Niets wordt gemist.

Selectieteller en grootte totaal

Een statusbalk toont hoeveel afbeeldingen zijn geselecteerd en de totale bestandsgrootte van de selectie. Weet precies hoeveel je op het punt staat te downloaden voordat je op de downloadknop klikt.

Veelvoorkomende scenario's

Productafbeeldingen van e-commercesites opslaan

Heb je alle productafbeeldingen van een cataloguspagina nodig? Extract Images vindt en downloadt ze allemaal tegelijk — inclusief responsieve varianten en CSS-achtergrond hero afbeeldingen die je niet kunt opslaan met rechtskliks.

Verzameling van ontwerpverwijzingsafbeeldingen

Een moodboard bouwen of visuele referenties verzamelen van design inspiratiesites? Blader door de afbeeldingengalerij, selecteer degene die je wilt en download ze in één batch in plaats van één voor één op te slaan.

Controle van afbeeldingsassets op je eigen site

Controleer alle afbeeldingen op je pagina op oversized bestanden, ontbrekende WebP-alternatieven of ongebruikte achtergrondafbeeldingen. De afmetingen en bestandsgroottes helpen afbeeldingen identificeren die moeten worden geoptimaliseerd.

Archivering van webinhoud

Een pagina voor offline referentie opslaan? Extraheer alle afbeeldingen zodat je de volledige visuele inhoud naast de HTML hebt. Handig voor het archiveren van documentatie, ontwerpverwijzingen of pagina's die kunnen veranderen of offline gaan.

Verborgen achtergrondafbeeldingen zoeken

Veel moderne sites gebruiken CSS background-image voor helopsecties, kaartachtergr onden en decoratieve elementen. Deze afbeeldingen kunnen niet via rechtskliks worden opgeslagen. Extract Images detecteert en downloadt ze naast normale img-elementen.

Hoe te gebruiken
1

Activeer afbeeldingen extraheren

Open het DevSuite Pro zwevende dock en klik op het pictogram Afbeeldingen extraheren. Het gereedschap scant pagina DOM en berekende stijlen om elke afbeelding te vinden.

2

Blader door de afbeeldingengalerij

Een galerij-paneel toont alle gevonden afbeeldingen als een miniatuurraster. Elke afbeelding toont de bestandsnaam, afmetingen en bestandsgrootte. Scroll door om alle afbeeldingen op de pagina te bladeren.

3

Filter op grootte (optioneel)

Gebruik het minimale grootte filter om kleine afbeeldingen zoals pictogrammen en trackingpixels te verbergen. Stel in op 100×100 om alleen inhoudrelevante afbeeldingen weer te geven.

4

Selecteer afbeeldingen

Klik op afzonderlijke afbeeldingen om ze te selecteren — een paars vinkje verschijnt. De statusbalk wordt bijgewerkt met het aantal en totale grootte van je selectie.

5

Download

Klik op "Download geselecteerde" om je gekozen afbeeldingen op te slaan, of "Download alles" om elke afbeelding op de pagina aan te pakken. Bestanden worden opgeslagen in je downloadmap.

Klaar om te proberen?

Installeer DevSuite Pro gratis en ontgrendel 64+ ontwikkelaarstools voor uw browser.

Toevoegen aan Chrome Toevoegen aan Edge Toevoegen aan FireFox