Опция платная, находится в закрытом бета-тестировании. Чтобы оставить заявку на подключение, напишите в техническую поддержку — при наличии возможности откроем доступ к функции.
Что такое WebP
Зачем нужен
Сравните: одна и та же картинка в WebP, PNG и JPG
Какие изображения сжимаем в WebP
Как работает сжатие
В каких случаях картинка не сожмётся
Как настроить «Сжатие в WebP» в личном кабинете
Что такое WebP
WebP — это формат изображений с продвинутым алгоритмом сжатия. Конвертировав картинку из PNG или JPG в WebP, вы уменьшите её вес в среднем на 25-35% без видимых потерь в качестве.
Чтобы сжимать изображения, WebP использует контейнер RIFF. Формат основан на алгоритме сжатия неподвижных изображений (ключевых кадров) из видеокодека VP8.
Зачем нужен
Настроив конвертацию изображений в WebP, вы уменьшите вес сайта, и страницы будут грузиться быстрее. Чем больше на них изображений, тем ощутимее будет разница в скорости загрузки.
Сравните: одна и та же картинка в PNG, JPG и WebP
Ниже — картина Василия Кандинского в форматах PNG, JPG и WebP. Чёткость и цветопередача не отличаются, но файл WebP весит меньше.
PNG (1860 КБ) / JPG (169 КБ) / WebP (136 КБ)
Какие изображения сжимаем в WebP
Наша CDN может сжимать изображения форматов JPG и PNG, то есть файлы mime-type image/jpg и image/png.
Как работает сжатие
Запросы PNG и JPG картинок проксируются через наш сервис-конвертер: он берёт исходное изображение с вашего сервера, конвертирует в WebP, сохраняет в кэше CDN и отдаёт клиенту. После смены формата картинка не меняет свой URL и расширение. Детали конвертации указаны в заголовке изображения:
- x-gcdn-img-server — сервер, на котором сделана конвертация
- x-gcdn-origin-download-time — время скачивания картинки с источника в миллисекундах
- x-gcdn-origin-size — оригинальный размер картинки в байтах
- x-gcdn-processing-time — время, затраченное на конвертацию, в миллисекундах
- x-gcdn-saved-bytes — разница между весом исходной картинки и картинки в WebP в байтах
В каких случаях картинка не сожмётся
Если картинку нельзя конвертировать в WebP, отдадим пользователю оригинальное изображение, загруженное в кэш CDN с источника. Вот в каких случаях конвертация невозможна:
- Качество исходного изображения ниже целевого качества, которое вы указали в настройках
- К исходному изображению применено сжатие gzip
Если браузер пользователя не поддерживает WebP (поддержки нет на старых версиях браузеров), он также получит исходное изображение. Какое изображение передавать — конвертированное или исходное — CDN определяет по клиентскому заголовку Accept: значение image/webp указывает на поддержку WebP.
Как настроить «Сжатие в WebP» в личном кабинете
После того как техническая поддержка включит вам функцию «Сжатие WebP», она появится в личном кабинете.
Нажмите на ползунок: зелёный цвет будет значить, что сжатие включено. Вы сможете настроить параметры конвертации:
- Настройки качества для JPG — качество в PSNR, которое должны иметь JPG картинки после конвертации в WebP. Если качество исходного изображения ниже указанного, CDN отдаст пользователю оригинал, если выше — конвертирует картинку в WebP в указанном качестве и отдаст пользователю.
- Настройки качества для PNG — качество в PSNR, которое должны иметь PNG картинки после конвертации в WebP. Если качество исходного изображения ниже указанного, CDN отдаст пользователю оригинал, если выше — конвертирует картинку в WebP в указанном качестве и отдаст пользователю.
- Включить сжатие без потерь для PNG — включает сжатие PNG картинок в WebP без потери качества. Если флажок стоит, то «Настройки качества для PNG» действовать не будут.