tocdepth

2

Настройка Image stack

Image stack — платная опция для преобразования изображений из форматов .jpg и .png в .webp и .avif. Расширение и URL изображения остаются неизменными, меняется только версия изображения в кеше CDN. С помощью Image stack можно:

  • изменить качество или размер изображения;

  • обрезать изображение;

  • сжать и сконвертировать изображение в форматы .webp и .avif.

Подключение Image stack

Чтобы подключить опцию Image stack, обратитесь в техническую поддержку. В запросе укажите ID вашего аккаунта. После подключения вы сможете включить и настроить Image stack для своих CDN-ресурсов.

  1. В личном кабинете CDN перейдите в раздел CDN → CDN-ресурсы и нажмите на нужный CDN-ресурс.

  2. В разделе Правила нажмите Создать правило → Image optimization.

  3. На странице Создать правило включите Включить Image stack и выберите нужную опцию для качества изображений.

  4. Нажмите Создать правило.

Заголовки

Если изображение в запросе на преобразование соответствует .jpg или .png, CDN отправляет на ваш источник необходимый набор заголовков запроса. Запрос уходит на Image stack-сервер, который обрабатывает изображение и отправляет результат конечному пользователю.

В заголовках ответа содержится информация о преобразовании:

  • X-Img-Operations — преобразование выполнено;

  • X-Img-Origin-Download-Time — время скачивания изображения с источника в миллисекундах;

  • X-Img-Origin-Size — оригинальный размер изображения в байтах;

  • X-Img-Processing-Time — время в миллисекундах, потраченное на преобразование;

  • X-Img-Saved-Bytes — количество байт, на которое уменьшилось изображение после преобразования;

  • X-Img-Server — сервер, который преобразовал изображение;

  • Img-Skip-Reason — причина невыполненного преобразования.

Изображения не преобразовываются в следующих случаях:

  • качество изображения не снижается;

  • оригинальные изображения сжаты с помощью GNU Zip;

  • браузер пользователя не поддерживает форматы .webp или .avif;

  • Image stack не поддерживает формат изображения.

Чтобы узнать причину не выполненного преобразования, проверьте значение HTTP-заголовка Img-Skip-Reason.

Запустили Evolution free tier
для Dev & Test
Получить