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ů z webové stránky jeden po druhém — pravé tlačítko myši, „Uložit obrázek jako“, vybrat složku, opakovat — je bolestně pomalé, když stránka obsahuje desítky obrázků. A funguje to pouze pro běžné tagy img. Obrázky na pozadí CSS, responzivní elementy picture a obrázky datových URI tímto způsobem uložit nelze. Extrakce obrázků tento problém řeší prohledáváním celého DOM stránky a vypočítaných stylů, nalezením každého obrázku bez ohledu na to, jak je implementován, a jejich zobrazením v čistém panelu galerie. Každý obrázek zobrazuje náhled, původní rozměry (šířka × výška), formát souboru, přibližnou velikost souboru a zdrojovou adresu URL. Můžete vybrat jednotlivé obrázky ke stažení nebo použít „Stáhnout vše“ a získat vše najednou. Filtr velikosti umožňuje přeskočit malé sledovací pixely a favikony, takže vidíte pouze obrázky relevantní pro obsah.
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 39+ vývojářských nástrojů pro svůj prohlížeč.
