Extract Images сканирует любую веб-страницу и представляет все изображения в виде удобной галереи. Смотрите миниатюры, оригинальные размеры, размеры файлов и исходные URL для каждого изображения — затем выбирайте отдельные изображения или скачивайте все сразу. Обнаруживает изображения из тегов img, CSS-свойства background-image, элементов picture/source и встроенных data URI.
Сохранять изображения с веб-страницы по одному — правой кнопкой мыши, «Сохранить изображение как», выбрать папку, повторить — мучительно долго, когда на странице десятки изображений. Да и работает этот способ только для обычных тегов img. CSS-фоновые изображения, адаптивные элементы picture и изображения в формате data URI таким способом вообще не сохранить. Extract Images решает эту задачу, сканируя весь DOM страницы и вычисленные стили, находя каждое изображение вне зависимости от способа его реализации и представляя их все в аккуратной панели-галерее. Для каждого изображения отображается миниатюра, его оригинальные размеры (ширина × высота), формат файла, примерный размер файла и исходный URL. Вы можете выбрать отдельные изображения для скачивания или нажать «Скачать все», чтобы загрузить всё сразу. Фильтр по размеру позволяет пропустить крошечные пиксели отслеживания и фавиконы, чтобы видеть только контентно значимые изображения.
Все изображения на странице отображаются в сеточной галерее с миниатюрами. Просматривайте 8, 20 или 100+ изображений с первого взгляда — прокручивайте, чтобы найти именно то, что нужно. Каждая миниатюра достаточно крупная, чтобы распознать содержимое.
Для каждого изображения отображаются: оригинальные размеры (например, 1920×1080), формат файла (PNG, JPG, WebP, SVG), примерный размер файла (например, 245 КБ) и исходный URL или CSS-свойство, из которого получено изображение. Никаких догадок о качестве и размере.
Задайте порог минимального размера (например, 100×100), чтобы отфильтровать мелкие изображения — пиксели отслеживания, разделители и фавиконы. Сосредоточьтесь на контентных изображениях, которые действительно важны.
Нажмите на отдельные изображения, чтобы выбрать их (отмечаются фиолетовой галочкой), затем скачайте только выбранные. Или нажмите «Скачать все», чтобы сохранить все изображения со страницы за одно действие.
Находит изображения из всех источников: стандартные теги img, CSS-свойства background-image, адаптивные элементы picture/source, встроенные SVG в виде изображений и изображения в формате data URI. Ничего не упускается.
Строка состояния показывает, сколько изображений выбрано и каков суммарный размер файлов выбранного. Узнайте точно, сколько вы собираетесь скачать, прежде чем нажать кнопку скачивания.
Нужны все изображения товаров со страницы каталога? Extract Images находит и скачивает их все сразу — включая адаптивные варианты и CSS-фоновые hero-изображения, которые нельзя сохранить через правую кнопку мыши.
Создаёте мудборд или собираете визуальные референсы с сайтов дизайн-вдохновения? Просмотрите галерею изображений, выберите нужные и скачайте их одним пакетом — вместо того чтобы сохранять по одному.
Просмотрите все изображения на странице, чтобы проверить наличие слишком больших файлов, отсутствующих альтернатив в формате WebP или неиспользуемых фоновых изображений. Размеры и вес файлов помогают выявить изображения, требующие оптимизации.
Сохраняете страницу для офлайн-справки? Извлеките все изображения, чтобы у вас было полное визуальное содержимое вместе с HTML. Удобно для архивирования документации, дизайн-референсов или страниц, которые могут измениться или стать недоступными.
Многие современные сайты используют CSS background-image для секций hero, фонов карточек и декоративных элементов. Эти изображения нельзя сохранить через правый клик. Extract Images обнаруживает и скачивает их наравне с обычными элементами img.
Откройте плавающую панель DevSuite Pro и нажмите на иконку Extract Images. Инструмент сканирует DOM страницы и вычисленные стили, чтобы найти все изображения.
Панель галереи отображает все найденные изображения в виде сетки миниатюр. Для каждого изображения показаны его имя файла, размеры и размер файла. Прокручивайте для просмотра всех изображений на странице.
Используйте фильтр минимального размера, чтобы скрыть мелкие изображения — иконки и пиксели отслеживания. Установите значение 100×100, чтобы видеть только контентно значимые изображения.
Нажмите на отдельные изображения, чтобы выбрать их — появится фиолетовая галочка. Строка состояния обновится, показав количество и суммарный размер выбранного.
Нажмите «Скачать выбранные», чтобы сохранить выбранные изображения, или «Скачать все» — чтобы загрузить все изображения со страницы. Файлы сохраняются в папку загрузок вашего устройства.
Установите DevSuite Pro бесплатно и разблокируйте более 39 инструментов разработчика для вашего браузера.
