Создать аккаунт
ИзображенияРаботает в браузере

Генератор srcset для адаптивных изображений

Упорядочьте до 20 существующих ресурсов по width descriptor и получите текст для безопасного ручного подключения.

  • 1–20 URL
  • Width descriptors
  • HTML escaping
Онлайн-инструмент

Попробуйте инструмент

Добавьте данные, выберите нужные параметры и получите готовый результат.

Кандидаты

Инструмент не создаёт и не проверяет файлы. Введите реальные URL и их фактическую ширину.

Результат

Проверенный текст srcset и HTML появится здесь.

Ваши данные остаются здесь

Текст и выбранные файлы обрабатываются в текущем браузере и не отправляются на сервер для получения результата.

Проверено: 2026-07-17
01

Как пользоваться

  1. 1

    Введите URL и фактическую ширину через разделитель |.

  2. 2

    Укажите резервный src, sizes и осмысленный alt.

  3. 3

    Создайте и скопируйте srcset или экранированный img-фрагмент.

02

Что умеет инструмент

  • HTTPS и root-relative URL без credentials и fragments.
  • Уникальные width descriptors от 1 до 8192.
  • Сортировка кандидатов и экранирование HTML attributes.
03

Когда пригодится

  • Подготовка srcset для заранее созданных WebP-файлов.
  • Сортировка набора изображений по фактической ширине.
  • Безопасная вставка пользовательского alt в HTML-фрагмент.
04

Что происходит внутри

URL с raw comma или whitespace блокируются, чтобы не менять грамматику srcset.

Результат показывается как текст и не исполняется в DOM.

05

Вопросы и ответы

Инструмент создаёт изображения нужных размеров?

Нет. Все файлы должны существовать заранее, а ширину вводит пользователь.

URL проверяются по сети?

Нет. Инструмент проверяет только форму введённых данных локально в браузере.