Інструменти перевірки швидкості постійно радять «показувати зображення в сучасних форматах». Зазвичай ідеться про WebP. Але JPG працює всюди, тож чи варто переходити? Для більшості сайтів — так, з кількома винятками.
У чому WebP кращий
WebP створювали саме для вебу. Порівняно з JPG він дає:
- Менші файли за схожої якості. За власним порівнянням Google, файли WebP зі стисненням із втратами приблизно на 25–34% менші за JPEG еквівалентної якості. Реальна економія залежить від зображення.
- Прозорість. WebP може зберігати прозорий фон, а JPG — ні. Тому він замінює великі PNG-логотипи й вирізані фото товарів.
- Режим без втрат. Для скриншотів і графіки WebP без втрат зазвичай менший за PNG.
Усі сучасні популярні браузери показують WebP, тож відвідувачі помітять різницю хіба що в швидкості завантаження.
Де JPG досі кращий вибір
- Файли, які люди завантажують. Вкладення в листах, сервіси друку, маркетплейси й старі програми приймають JPG без питань; деякі досі відхиляють WebP.
- Архів оригіналів. Зберігайте JPG з камери чи RAW як основну копію, а для сайту створюйте версії WebP.
- Платформи, що й так конвертують. Багато конструкторів сайтів і CDN самі створюють WebP із завантажених файлів. Тоді завантажувати WebP самостійно немає сенсу.
Практичний порядок дій
- Оригінали тримайте в JPG або PNG.
- Зменште зображення до найбільшого розміру, в якому вони показуються на сторінці. Часто це економить більше, ніж зміна формату.
- Конвертуйте у WebP: JPG у WebP для фото, PNG у WebP для графіки з прозорістю.
- Якщо потрібно лишитися на JPG, пропустіть файли через стиснення JPEG, щоб прибрати зайву вагу.
Якість близько 75–85% — добра відправна точка для фото в обох форматах. Порівняйте результат у повному розмірі, перш ніж замінювати зображення на робочому сайті.
А що з AVIF?
AVIF стискає ще сильніше за WebP і підтримується актуальними версіями популярних браузерів. Але він повільніше кодується й рідше приймається поза браузерами, тож WebP сьогодні лишається простішим вибором за замовчуванням для більшості сайтів. Якщо ваша CMS чи CDN вміє автоматично створювати AVIF, це варто увімкнути.
Підсумок
Використовуйте WebP для зображень, що показуються на сторінках, лишайте JPG для файлів, які люди завантажують чи пересилають, і завжди зменшуйте розмір перед конвертацією.