Question

Почему для сайта больше подходит формат .webp чем .jpg или .png?

Answer 1

Для начала надо понимать что изображение имеет важную составляющую для любого сайта, будь оно в публикации или в дизайне.

Вы же не программист, чтобы с интересом читать набор символов без картинок.

Но как мы понимает каждое изображение имеет свой размер в байтах, а это трафик, т.е. скорость загрузки страницы веб-ресурса. Пользователи очень не любят, когда страницы загружаются долго, особенно, те, у которых интернет слабоват.

JPEG создавался именно для фото и имеет миллионы цветов, поэтому использует сжатие с потерями, т.е. не ниже 75% сжатие не нанесет серьезной потери качества и насыщенности для формата JPEG,

Хотя существует и JPEG-2000 с сжатием без потерь, но его что-то не применяют.

PNG в свое время заменил GIF и имеет функционал сжатия без потерь, плюс важной фишкой является возможность создания прозрачного фона.

Они бывают:

• PNG-32;
• PNG-24;
• Png-8;
• Анимированный PNG.

Чем больше цифра, тем больше размер файла PNG. По сути из-за сжатия без потерь этот формат страдает размером файла. Но...

Попробуйте сохранить скриншот экрана с текстом в Paint в формате PNG и JPEG. А потом сравните их и вы увидите расплывчатость текста именно в формате JPEG.

WebP был разработан корпорацией добра Google и в нем решили совместить все лучшее от описанных выше форматов.

Существует их пара:

1. WebP
2. WebP Lossless

Первый как и JPEG имеет сжатие с потерями, второй как PNG без потерь, но больше размером.

И вот самое главное: оба формата WebP меньше своих аналогов по размеру более чем на 26%, следовательно при использовании их на сайте это ускорит загрузку не кэшированных страниц.