Генератор HTML srcset для изображения
Подготовьте разметку изображения для нескольких файлов разной ширины. Укажите основу имени, список ширин, формат, sizes и альтернативный текст; получите готовый тег img с srcset. Имя каждого варианта строится как «основа-ширина.формат». Основным src становится файл с наибольшей указанной шириной; размеры сортируются и дубли убираются. Файлы изображений инструмент не создаёт. Убедитесь, что все названные варианты действительно существуют и соответствуют указанной ширине.
Исходные данные
Замените примерные значения своими. Результат готовится в браузере.
Как работает инструмент
Имя каждого варианта строится как «основа-ширина.формат». Основным src становится файл с наибольшей указанной шириной; размеры сортируются и дубли убираются.
Что учитывать
Файлы изображений инструмент не создаёт. Убедитесь, что все названные варианты действительно существуют и соответствуют указанной ширине.
Пример для значений в форме
Эти результаты получены из значений, уже заполненных выше. Кнопка «Сбросить» возвращает исходный пример.
- Готово:
- responsive-image.html
- Вариантов:
- 3
- Наибольшая ширина:
- 1200 px
Как получить свой результат
- Введите данные в поле «Путь и основа имени» и остальные параметры.
- Проверьте ограничения метода и нажмите «Сгенерировать».
- Скопируйте результат либо сохраните его в текстовом или специальном формате.
Ещё генераторы
Генератор адресов страниц из названий
Преобразуйте список названий в короткие адреса для страниц, файлов или карточек товара.
Открыть инструмент →План пакетного переименования файлов
Подготовьте список новых имён для серии фотографий, документов или сканов.
Открыть инструмент →Генератор последовательных номеров
Составьте последовательность внутренних номеров для заказов, актов, накладных или образцов.
Открыть инструмент →