Extrakce obrázků prohledá libovolnou webovou stránku a zobrazí každý obrázek v přehledné galerii. Prohlédněte si náhledy, původní rozměry, velikosti souborů a zdrojové adresy URL každého obrázku — poté vyberte jednotlivé obrázky nebo je stáhněte najednou. Detekuje obrázky z tagů img, vlastností CSS background-image, elementů picture/source a vložených datových URI.
Ukládání obrázků ze stránky jeden po druhém – kliknutí pravým tlačítkem, „Uložit obrázek jako“, výběr složky, opakovat – je bolestně pomalé, pokud stránka obsahuje desítky obrázků. A funguje to jen pro běžné tagy img. Obrázky na pozadí přes CSS, responzivní prvky picture a obrázky ve formátu data URI se tímto způsobem uložit vůbec nedají. Extract Images tento problém řeší tak, že prohledá celý DOM stránky i vypočítané styly a najde každý obrázek bez ohledu na to, jak je implementovaný.
U každého obrázku vidíte náhled, původní rozměry (šířka × výška), formát souboru, přibližnou velikost souboru a zdrojovou URL. Jednotlivé obrázky si můžete vybrat ke stažení, nebo pomocí tlačítka „Stáhnout vše“ stáhnout úplně všechny najednou. Filtr velikosti umožňuje přeskočit drobné sledovací pixely a favikony, takže vidíte jen obrázky relevantní pro obsah.
Líně načítané obrázky jsou rozpoznány ještě předtím, než se stihnou načíst – nástroj kromě vyřešeného atributu src čte i běžné atributy pro lazy-load (data-src, data-srcset, loading="lazy"), takže se v galerii objeví i obrázky hluboko na dlouhé stránce, aniž byste k nim museli nejprve doscrollovat. Moderní formáty jako WebP a AVIF jsou rozpoznány a správně označeny místo toho, aby byly hozeny do jednoho pytle jako obecný typ „obrázek“ – což je důležité, když mezi spoustou optimalizovaných WebP souborů hledáte konkrétně PNG nebo SVG.
Každý obrázek na stránce je zobrazen v mřížkové galerii s náhledy. Prohlédněte si 8, 20 nebo 100+ obrázků najednou — procházením najdete přesně to, co potřebujete. Každý náhled je dostatečně velký pro identifikaci obsahu obrázku.
Každý obrázek zobrazuje původní rozměry (např. 1920×1080), formát souboru (PNG, JPG, WebP, SVG), přibližnou velikost souboru (např. 245 KB) a zdrojovou adresu URL nebo vlastnost CSS, ze které pochází. Žádné dohady o kvalitě nebo velikosti obrázku.
Nastavte minimální práh rozměrů (např. 100×100), abyste odfiltrovali malé obrázky jako sledovací pixely, oddělovací GIFy a favikony. Soustřeďte se na obrázky s obsahem, na kterých skutečně záleží.
Kliknutím na jednotlivé obrázky je vyberete (označeno fialovým zaškrtnutím), poté stáhněte pouze vybrané. Nebo klikněte na „Stáhnout vše“ a uložte každý obrázek ze stránky do zařízení jednou akcí.
Nachází obrázky ze všech zdrojů: standardní tagy img, vlastnosti CSS background-image, responzivní elementy picture/source, vložené SVG vykreslené jako obrázky a obrázky zakódované jako datová URI. Nic se nepropáší.
Stavový řádek zobrazuje, kolik obrázků je vybráno a celkovou velikost souboru výběru. Přesně víte, kolik se chystáte stáhnout, ještě před kliknutím na tlačítko stažení.
Potřebujete všechny produktové obrázky ze stránky katalogu? Extrakce obrázků je všechny najde a stáhne najednou — včetně responzivních variant a heroických obrázků CSS na pozadí, které nelze uložit pravým tlačítkem myši.
Vytváříte nástěnku nálad nebo shromažďujete vizuální reference z inspiračních designových stránek? Procházejte galerii obrázků, vyberte ty, které chcete, a stáhněte je v jedné dávce místo ukládání jeden po druhém.
Zkontrolujte všechny obrázky na své stránce pro příliš velké soubory, chybějící alternativy WebP nebo nepoužívané obrázky na pozadí. Rozměry a velikosti souborů pomáhají identifikovat obrázky, které potřebují optimalizaci.
Ukládáte stránku pro offline referenci? Extrahujte všechny obrázky, abyste měli kompletní vizuální obsah spolu s HTML. Užitečné pro archivaci dokumentace, designových referencí nebo stránek, které se mohou změnit nebo přejít do offline.
Mnoho moderních stránek používá CSS background-image pro sekce hero, pozadí karet a dekorativní elementy. Tyto obrázky nelze uložit pravým tlačítkem. Extrakce obrázků je detekuje a stáhne spolu s běžnými elementy img.
Otevřete plovoucí dok DevSuite Pro a klikněte na ikonu Extrakce obrázků. Nástroj prohledá DOM stránky a vypočítané styly a najde každý obrázek.
Panel galerie zobrazuje všechny nalezené obrázky jako mřížku náhledů. Každý obrázek zobrazuje název souboru, rozměry a velikost souboru. Procházením projděte všechny obrázky na stránce.
Použijte filtr minimální velikosti pro skrytí malých obrázků, jako jsou ikony a sledovací pixely. Nastavte na 100×100 pro zobrazení pouze obrázků s relevantním obsahem.
Kliknutím na jednotlivé obrázky je vyberete — zobrazí se fialové zaškrtnutí. Stavový řádek se aktualizuje o počet a celkovou velikost vašeho výběru.
Klikněte na „Stáhnout vybrané“ pro uložení zvolených obrázků nebo na „Stáhnout vše“ pro získání každého obrázku na stránce. Soubory se ukládají do složky stažených souborů vašeho zařízení.
Nainstalujte si DevSuite Pro zdarma a odemkněte 64+ vývojářských nástrojů pro svůj prohlížeč.
