tocdepth

2

Сжатие изображения

Сжатие изображений — платная опция для сжатия и конвертации исходного изображения из форматов .jpg или .png в форматы .webp или .avif при доставке через CDN. Конвертация изображений уменьшает вес сайта и страницы загружаются быстрее. Чем больше на странице изображений, тем больше разница в скорости загрузки страниц.

Итоговое изображение после сжатия не меняет свой URL и расширение. Формат сжатия изображений для отправки пользователям вы устанавливаете самостоятельно:

  • .webp — формат изображения с продвинутым алгоритмом сжатия. Конвертация изображения в формат .webp уменьшает вес на 25–35% без видимых потерь в качестве. Для сжатия используется файловый контейнер .riff. Формат основан на алгоритме сжатия неподвижных изображений из видеокодека VP8.

  • .avif — формат сжатия изображения без потерь оригинального качества. .avif используется для хранения изображений, сжатых с помощью видеокодека AV1, в формате контейнера .heif.

Пользователь получает сжатую версию изображения, если его браузер поддерживает форматы .webp или .avif. Если форматы не поддерживаются, CDN доставляет оригинальную версию изображения из кеша.

Включение сжатия изображения

Чтобы включить опцию сжатия изображений, при настройке Image stack в разделе Сжатие включите:

  • Включить сжатие WebP, чтобы конвертировать изображения в формат .webp.

  • Включить сжатие AVIF, чтобы конвертировать изображения в формат .avif.

Сжатие изображения на источнике

Менять формат изображений можно самостоятельно с помощью параметров запроса. Чтобы задать формат изображения на сайте-источнике:

  1. Откройте код сайта-источника и найдите строки с URL нужных изображений.

  2. Добавьте в URL изображений параметр запроса с нужными значениями в формате: image.jpg?fmt=value.

    На месте value используйте webp или avif. Для конвертации в оба формата используйте значение avif,webp. Например, https://image.cloud.ru/image.jpg?fmt=avif,webp.

  3. Сохраните изменения в коде сайта-источника.

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