tocdepth: 2

Настройка Image stack

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

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

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

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

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

Заголовки

Если изображение в запросе на преобразование соответствует .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.

Была ли статья полезной?