Extract Images сканира всяка уебстраница и представя всяко изображение в галерия за разглеждане. Вижте миниатюри (thumbnails), оригинални размери, размери на файловете и изходни URL адреси за всяко изображение — след това изберете отделни изображения или ги изтеглете всички наведнъж. Открива изображения от img тагове, CSS свойства background-image, елементи picture/source и вградени data URIs.
Запазването на изображения от уебстраница едно по едно — десен бутон, „Запазване на изображението като“, избор на папка, повторение — е болезнено бавно, когато страницата има десетки изображения. И това работи само за обикновени img тагове. Фонови изображения на CSS, адаптивни елементи за картини (picture elements) и изображения с data URI изобщо не могат да бъдат запазени по този начин. Extract Images решава това, като сканира целия DOM на страницата и изчислените стилове, намирайки всяко изображение, независимо от начина на внедряване, и ги представя в чист панел-галерия. Всяко изображение показва предварителен преглед на миниатюра, оригиналните му размери (ширина × височина), файлов формат, приблизителен размер на файла и изходен URL адрес. Можете да избирате отделни изображения за изтегляне или да използвате „Изтегляне на всички“, за да вземете всичко наведнъж. Филтър за размер ви позволява да пропуснете малки пиксели за проследяване (tracking pixels) и фавикони (favicons), така че да виждате само изображения, свързани със съдържанието.
Всяко изображение на страницата се показва в мрежова галерия с предварителни прегледи на миниатюри. Вижте 8, 20 или 100+ изображения с един поглед — превъртете, за да намерите точно това, от което се нуждаете. Всяка миниатюра е достатъчно голяма, за да идентифицирате съдържанието на изображението.
Всяко изображение показва оригиналните си размери (напр. 1920×1080), файлов формат (PNG, JPG, WebP, SVG), приблизителен размер на файла (напр. 245 KB) и изходния URL адрес или CSS свойството, от което произхожда. Без гадаене за качеството или размера на изображението.
Задайте праг за минимален размер (напр. 100×100), за да филтрирате малки изображения като пиксели за проследяване, празни GIF файлове и фавикони. Фокусирайте се върху изображенията със съдържание, които действително имат значение.
Кликнете върху отделни изображения, за да ги изберете (показват се с лилава отметка), след което изтеглете само избраните. Или кликнете върху „Изтегляне на всички“, за да запазите всяко изображение от страницата на вашето устройство с едно действие.
Намира изображения от всички източници: стандартни img тагове, CSS свойства background-image, адаптивни елементи picture/source, вградени SVGs, изобразени като картини, и кодирани изображения с data URI. Нищо не е пропуснато.
Лента за състоянието показва колко изображения са избрани и общия файлов размер на избраното. Знайте точно колко ще изтеглите, преди да натиснете бутона за изтегляне.
Нуждаете се от всички снимки на продукти от каталожна страница? Extract Images ги намира и изтегля наведнъж — включително адаптивни варианти и фонови изображения на CSS, които не можете да запазите с десен бутон.
Изграждате mood board (дъска за вдъхновение) или събирате визуални препратки от сайтове за дизайн? Прегледайте галерията с изображения, изберете тези, които искате, и ги изтеглете наведнъж, вместо да ги запазвате едно по едно.
Прегледайте всички изображения на страницата си, за да проверите за прекалено големи файлове, липсващи WebP алтернативи или неизползвани фонови изображения. Размерите и файловите размери помагат да идентифицирате изображения, които се нуждаят от оптимизация.
Запазвате страница за офлайн справка? Извлечете всички изображения, за да разполагате с пълното визуално съдържание заедно с HTML. Полезно за архивиране на документация, проектни препратки или страници, които могат да се променят или да изчезнат.
Много модерни сайтове използват CSS background-image за заглавни секции (hero sections), фонове на карти и декоративни елементи. Тези изображения не могат да бъдат запазени чрез десен бутон. Extract Images ги открива и изтегля заедно с обикновените img елементи.
Отворете плаващия док DevSuite Pro и щракнете върху иконата Extract Images. Инструментът сканира DOM на страницата и изчислените стилове, за да намери всяко изображение.
Панел-галерия показва всички намерени изображения като мрежа от миниатюри. Всяко изображение показва името на файла си, размерите и размера на файла. Превъртете, за да разгледате всички изображения на страницата.
Използвайте филтъра за минимален размер, за да скриете малки изображения като икони и пиксели за проследяване. Задайте го на 100×100, за да виждате само изображения, свързани със съдържанието.
Кликнете върху отделни изображения, за да ги изберете — появява се лилава отметка. Лентата за състоянието се актуализира с броя и общия размер на вашия избор.
Кликнете върху „Изтегляне на избраните“, за да запазите избраните от вас изображения, или „Изтегляне на всички“, за да вземете всяко изображение на страницата. Файловете се запазват в папката за изтегляния на вашето устройство.
Инсталирайте DevSuite Pro безплатно и отключете 39+ инструмента за разработчици за вашия браузър.
