Генератор srcset
Постройте адаптивный тег img с srcset и sizes.
Вывод
Введите базовый URL изображения и целевые ширины, чтобы сгенерировать адаптивный тег <img> с атрибутами srcset и sizes.
Как использовать
- Введите базовый URL изображения.
- Перечислите нужные ширины через запятую.
- Скопируйте сгенерированный адаптивный тег img.
Частые вопросы
- Как именуются URL в srcset?
- Каждая ширина добавляет суффикс -<width>w перед расширением файла, например photo-640w.jpg.
- Для чего нужен атрибут sizes?
- Он сообщает браузеру, сколько места занимает изображение, чтобы тот мог выбрать подходящий источник.