Помилка підключення. Спробуйте ще раз.

Перейти до вмісту
SEO Tools
Довідка та документація
Швидкість Середній вплив Просте 20–40 хв

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

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

Що це

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

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

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

Як це зробити

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

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