Швидкість Середній вплив Просте 20–40 хв

Сучасні формати зображень (WebP/AVIF)

WebP та AVIF на 25–50 % менші за JPEG/PNG.

Що це

WebP та AVIF, сучасні формати зображень зі значно кращим стисненням, ніж JPEG/PNG за тієї самої якості. Їх підтримують усі сучасні браузери.

Чому це важливо

Зображення зазвичай, найбільша частина ваги сторінки. Перехід на WebP/AVIF заощаджує десятки відсотків даних без видимої втрати якості, пряме прискорення.

Як це зробити

1Перетворіть зображення у WebP (універсальний) або AVIF (ще менший).
2Використовуйте <picture> із fallback заради надійності.
3Автоматизуйте конвертацію в build / через CDN із трансформацією зображень.
4Водночас зменшіть до реально потрібних розмірів.

Приклад

Правильно

<picture>
  <source srcset="foto.avif" type="image/avif">
  <source srcset="foto.webp" type="image/webp">
  <img src="foto.jpg" alt="..." width="800" height="600">
</picture>

Висновок

Сучасні формати, один із найдієвіших шляхів знизити вагу сторінки. Ідеально автоматизуйте конвертацію, щоб це не була ручна робота над кожним зображенням. Поєднуйте зі стисненням, правильними розмірами та lazy loading.

Повʼязані теми