Выбор исходных данных и способа обработки
Задайте ширины, которые соответствуют вашему макету. Из ZIP перенесите WebP и HTML на сайт. Скорректируйте sizes под фактическую ширину блока; готовый пример использует 100vw на небольшом экране.
В браузере проверьте выбранный currentSrc и размеры скачанного варианта.
- На входе: PNG, JPG, WebP.
- Результат: WebP, HTML, ZIP.
Настройки и варианты результата
В «Подготовить изображения для адаптивного сайта» доступны следующие параметры. Начните с значений по умолчанию, затем измените нужный параметр и сравните результат с исходником.
| Параметр | Доступные значения | По умолчанию |
|---|---|---|
| Ширины вариантов через запятую | Введите значение для своего файла | 320,640,960 |
Порядок действий
Задайте ширины, которые соответствуют вашему макету. Из ZIP перенесите WebP и HTML на сайт. Скорректируйте sizes под фактическую ширину блока; готовый пример использует 100vw на небольшом экране.
- Задайте ширины, которые соответствуют вашему макету. Из ZIP перенесите WebP и HTML на сайт. Скорректируйте sizes под фактическую ширину блока; готовый пример использует 100vw на небольшом экране.
- В браузере проверьте выбранный currentSrc и размеры скачанного варианта.
- Скачайте результат под новым именем и сохраните исходный файл до окончательной проверки.
Практический пример
Три WebP и HTML с srcset
Изображение 960 пикселей; ширины 320,640,960
Три WebP и HTML с srcset
В браузере проверьте выбранный currentSrc и размеры скачанного варианта.
Ограничения и проверка готового файла
В браузере проверьте выбранный currentSrc и размеры скачанного варианта.
Для выбранной операции данные передаются нашему серверу. Временные рабочие файлы удаляются после обработки; история пользовательских файлов не создаётся.
- Один файл до 10 МБ; изображение до 12 мегапикселей.
- Для пакетного редактора допускается до 20 файлов; отдельные сценарии имеют меньший предел.
- Обработка на сервере: файл нужен для выбранной операции и не попадает в историю.
Вопросы и ответы
Какие исходные данные принимает «Подготовить изображения для адаптивного сайта»?
Поддерживаются: PNG, JPG, WebP. Один файл до 10 МБ; изображение до 12 мегапикселей.
Что получится после обработки в «Подготовить изображения для адаптивного сайта»?
ZIP вариантов нескольких ширин, srcset/sizes и карта размеров без увеличения маленького исходника. Форматы результата: WebP, HTML, ZIP.
Как проверить результат этой операции?
В браузере проверьте выбранный currentSrc и размеры скачанного варианта.
Какой пример помогает начать работу?
Изображение 960 пикселей; ширины 320,640,960. Задайте ширины, которые соответствуют вашему макету. Из ZIP перенесите WebP и HTML на сайт. Скорректируйте sizes под фактическую ширину блока; готовый пример использует 100vw на небольшом экране. Ожидаемый результат: Три WebP и HTML с srcset.
Какие ограничения нужно учитывать?
Один файл до 10 МБ; изображение до 12 мегапикселей. Для пакетного редактора допускается до 20 файлов; отдельные сценарии имеют меньший предел. Обработка на сервере: файл нужен для выбранной операции и не попадает в историю.
Где обрабатываются данные и сохраняется ли история?
Для выбранной операции данные передаются нашему серверу. Временные рабочие файлы удаляются после обработки; история пользовательских файлов не создаётся.