Категории

← View All Tools

Извлекатель Источников Изображений

Извлеките URL-адреса изображений (атрибуты src) из HTML-исходного кода. Поддерживает ленивую загрузку изображений и атрибуты srcset.

Также извлекать из атрибутов data-src (ленивая загрузка изображений)

Также извлекать из атрибутов srcset (адаптивные изображения)

Удаляет дубликаты URL изображений из результатов

Выберите, как сортировать извлеченные URL изображений

Ключевые факты

Категория
Text Processing
Типы входных данных
textarea, checkbox, select
Тип результата
json
Покрытие примерами
4
API доступен
Yes

Обзор

Извлекатель Источников Изображений — это удобный инструмент для быстрого получения всех URL-адресов изображений из вашего HTML-кода. Он позволяет эффективно собирать ссылки из атрибутов src, srcset и data-src, помогая автоматизировать работу с медиаконтентом на веб-страницах.

Когда использовать

  • •Когда нужно быстро собрать список всех изображений со страницы для аудита или резервного копирования.
  • •При необходимости извлечь ссылки на адаптивные изображения из атрибутов srcset.
  • •Для поиска путей к изображениям, которые загружаются динамически через ленивую загрузку (data-src).

Как это работает

  • •Вставьте HTML-код вашей страницы в соответствующее поле ввода.
  • •Выберите необходимые опции, такие как включение атрибутов data-src или srcset, если это требуется.
  • •Нажмите кнопку обработки, чтобы получить список всех найденных URL-адресов.
  • •Скопируйте полученный результат или отсортируйте его по алфавиту для удобства использования.

Сценарии использования

Подготовка списка изображений для скачивания или миграции контента на новый сайт.
Анализ структуры медиафайлов на странице для SEO-оптимизации и проверки атрибутов.
Быстрое извлечение ссылок на изображения из сложных HTML-шаблонов для дальнейшей обработки.

Примеры

1. Сбор ссылок для SEO-аудита

SEO-специалист
Контекст
Необходимо проверить наличие атрибутов у всех изображений на целевой странице.
Проблема
Вручную просматривать код страницы из сотен строк слишком долго.
Как использовать
Вставить HTML-код страницы в поле ввода и выбрать опцию удаления дубликатов.
Пример конфигурации
uniqueOnly: true, sortBy: 'alphabetical'
Результат
Получен чистый список уникальных URL-адресов изображений, готовый для проверки в Excel или SEO-инструментах.

2. Извлечение изображений с ленивой загрузкой

Веб-разработчик
Контекст
Сайт использует библиотеку для ленивой загрузки, где реальные пути к фото хранятся в data-src.
Проблема
Стандартные парсеры не видят изображения, так как src указывает на заглушку.
Как использовать
Вставить HTML-код и включить опцию «Включить Атрибуты data-src».
Пример конфигурации
includeDataSrc: true
Результат
Инструмент успешно извлек реальные пути к изображениям из атрибутов data-src, проигнорировав заглушки.

Проверить на примерах

html, image, video
Примеры Извлечения Ссылок Markdown
Примеры документов Markdown с различными типами ссылок для тестирования инструмента извлечения ссылок Markdown
title token extractor
image
Примеры Обработки Изображений Web Python
Примеры обработки изображений Web Python используя PIL/Pillow включая чтение, сохранение, изменение размера и преобразование формата
title token image
image
Примеры Обработки Изображений Windows C++
Примеры обработки изображений Windows C++ включая чтение/сохранение изображений, изменение размера и преобразование формата с использованием Windows Imaging Component
title token image
image
Примеры Обработки Изображений macOS Swift
Примеры обработки изображений macOS Swift включая загрузку/сохранение, фильтрацию и преобразования
title token image
image

Связанные хабы

Инструменты Html для Convert
Изучите 11 инструментов html для сценариев convert и быстро сравните близкие утилиты.
Инструменты Image для Convert
Изучите 100 инструментов image для сценариев convert и быстро сравните близкие утилиты.
Инструменты Video для Convert
Изучите 36 инструментов video для сценариев convert и быстро сравните близкие утилиты.
Инструменты Image
Изучите 40 инструментов image для сценариев utility и быстро сравните близкие утилиты.

FAQ

Какие атрибуты поддерживает инструмент?

Инструмент поддерживает стандартные атрибуты src, а также дополнительные атрибуты data-src для ленивой загрузки и srcset для адаптивных изображений.

Можно ли удалить повторяющиеся ссылки?

Да, вы можете активировать опцию «Удалить дубликаты», чтобы получить только уникальные URL-адреса.

Нужно ли мне вставлять весь HTML-код страницы?

Вы можете вставить как весь код страницы, так и отдельный фрагмент HTML, содержащий теги <img>.

Как работает сортировка результатов?

Вы можете выбрать сортировку по алфавиту или оставить исходный порядок следования изображений в коде.

Безопасно ли использовать этот инструмент?

Да, инструмент работает локально в вашем браузере, ваш HTML-код не передается на сторонние серверы.

Документация API

Конечная точка запроса

POST /ru/api/tools/image-source-extractor

Параметры запроса

Имя параметра Тип Обязательно Описание
htmlCode textarea Да -
includeDataSrc checkbox Нет Также извлекать из атрибутов data-src (ленивая загрузка изображений)
includeSrcSet checkbox Нет Также извлекать из атрибутов srcset (адаптивные изображения)
uniqueOnly checkbox Нет Удаляет дубликаты URL изображений из результатов
sortBy select Нет Выберите, как сортировать извлеченные URL изображений

Формат ответа

{
  "key": {...},
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Данные JSON: Данные JSON

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP: 

{
  "mcpServers": {
    "elysiatools-image-source-extractor": {
      "name": "image-source-extractor",
      "description": "Извлеките URL-адреса изображений (атрибуты src) из HTML-исходного кода. Поддерживает ленивую загрузку изображений и атрибуты srcset.",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-source-extractor",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]