Extrahovať obrázky skenuje akúkoľvek webovú stránku a prezentuje každý obrázok v prehliadateľnej galérii.
Ukladanie obrázkov zo stránky jeden po druhom — pravý klik, „Uložiť obrázok ako“, výber priečinka, opakovať — je pri stránke s desiatkami obrázkov nesmierne pomalé. A funguje to len pri bežných img tagoch. CSS obrázky na pozadí, responzívne picture prvky a obrázky vo formáte data URI sa takto uložiť vôbec nedajú. Extract Images tento problém rieši tak, že prehľadá celý DOM stránky aj vypočítané štýly a nájde každý obrázok bez ohľadu na to, akým spôsobom je implementovaný.
Každý obrázok zobrazuje náhľad, pôvodné rozmery (šírka × výška), formát súboru, približnú veľkosť súboru a zdrojovú URL. Jednotlivé obrázky si môžete vybrať na stiahnutie, alebo použiť „Stiahnuť všetko“ a získať naraz všetko. Filter podľa veľkosti vám umožní preskočiť drobné sledovacie pixely a favicony, takže vidíte len obrázky relevantné pre obsah.
Lenivo načítavané obrázky sa rozpoznajú ešte predtým, než sa načítajú — nástroj číta bežné atribúty pre lenivé načítanie (data-src, data-srcset, loading="lazy") popri už vyriešenom src, takže obrázky nižšie na dlhej stránke sa objavia v galérii bez toho, aby ste k nim museli najprv prescrollovať. Moderné formáty ako WebP a AVIF sú správne rozpoznané a označené, namiesto toho, aby boli hodené do jedného vreca ako všeobecný typ „obrázok“ — čo je dôležité, keď na stránke plnej optimalizovaných WebP súborov hľadáte konkrétne PNG alebo SVG.
Every image on the page is displayed in a grid gallery with thumbnail previews. See 8, 20, or 100+ images at a glance — scroll through to find exactly what you need. Each thumbnail is large enough to identify the image content.
Each image shows its original dimensions (e.g., 1920×1080), file format (PNG, JPG, WebP, SVG), approximate file size (e.g., 245 KB), and the source URL or CSS property it came from. No guessing about image quality or size.
Set a minimum dimension threshold (e.g., 100×100) to filter out tiny images like tracking pixels, spacer GIFs, and favicons. Focus on the content images that actually matter.
Click individual images to select them (shown with a purple checkmark), then download just the selected ones. Or click "Download All" to save every image on the page to your device in one action.
Finds images from all sources: standard img tags, CSS background-image properties, picture/source responsive elements, inline SVGs rendered as images, and data URI encoded images. Nothing is missed.
A status bar shows how many images are selected and the total file size of the selection. Know exactly how much you're about to download before hitting the download button.
Need all product images from a catalog page? Extract Images finds and downloads them all at once — including responsive variants and CSS background hero images that you can't right-click-save.
Building a mood board or collecting visual references from design inspiration sites? Browse the image gallery, select the ones you want, and download them in one batch instead of saving one by one.
Review all images on your page to check for oversized files, missing WebP alternatives, or unused background images. The dimensions and file sizes help identify images that need optimization.
Saving a page for offline reference? Extract all images so you have the complete visual content alongside the HTML. Useful for archiving documentation, design references, or pages that might change or go offline.
Many modern sites use CSS background-image for hero sections, card backgrounds, and decorative elements. These images can't be saved via right-click. Extract Images detects and downloads them alongside regular img elements.
Open the DevSuite Pro floating dock and click the Extract Images icon. The tool scans the page DOM and computed styles to find every image.
A gallery panel displays all found images as a thumbnail grid. Each image shows its filename, dimensions, and file size. Scroll through to browse all images on the page.
Use the minimum size filter to hide small images like icons and tracking pixels. Set to 100×100 to show only content-relevant images.
Click individual images to select them — a purple checkmark appears. The status bar updates with the count and total size of your selection.
Click "Download Selected" to save your chosen images, or "Download All" to grab every image on the page. Files are saved to your device's downloads folder.
Nainštalujte si DevSuite Pro zadarmo a odomknite viac ako 64 vývojárskych nástools pre váš prehliadač.
