О формате WebP

По четкости WEBP не уступает JPEG, но перевирает цвета, а при многократном пересжатии мылит картинку как на превью. Зато размер при сопоставимом качестве выходит на 25-33% меньше. Это значительно, если на вашем сайте идет огромный трафик на изображениях.
Как начать использовать WebP прямо сейчас:

<picture>
<source srcset="image.webp" type="image/webp">
<source srcset="image.jpg" type="image/jpeg">
<img src="image.jpg" alt="Image Description">
</picture>

И всё, ничего больше придумывать не надо! Никаких modernizr и других скриптов. Все браузеры поймут такой код, а Safari и старые Edge покажут JPEG.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *