CDN Настройка 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.
- Подключение Image stack
- Заголовки