Що таке WebP? Повний посібник із формату зображень Google

WebP - формат зображень, який Google розробила, щоб зменшити зображення на вебсторінках. Він поєднує в одному типі файлів стиснення фото з втратами, як у JPG, стиснення без втрат і прозорість, як у PNG, та анімацію, як у GIF. Кожен актуальний браузер показує WebP, проте завантажений WebP, який не відкривається у старішій програмі, досі є поширеною прикрістю. У цій статті розповідаємо, як працює WebP, скільки він насправді заощаджує і що варто пам'ятати під час його конвертації.

Коротка історія WebP

Google оголосила про WebP у блозі Chromium 30 вересня 2010 року. Перша версія пропонувала лише стиснення з втратами й ґрунтувалася на внутрішньокадровому кодуванні відеокодека VP8. У наступні роки формат розвивався: у FAQ Google про WebP зазначено, що стиснення без втрат і прозорість підтримуються починаючи з Chrome 23, а анімація - з Chrome 32. Тривалий час WebP визначала лише власна документація Google; у листопаді 2024 року IETF опублікувала його як RFC 9649, інформаційний документ, автори якого - інженери Google Дж. Зерн, П. Массіміно та Ю. Алакуйяла; він також зареєстрував медіатип image/webp.

Як працює WebP

Контейнер RIFF

Згідно з RFC 9649, WebP ґрунтується на RIFF (Resource Interchange File Format). Файл починається із заголовка RIFF і сигнатури WEBP, а дані зображення зберігаються в блоках (chunks). Така структура дозволяє одному форматові містити різні типи стиснення й додаткові дані поруч.

WebP з втратами (VP8)

WebP з втратами зберігає зображення в блоці VP8 за допомогою внутрішньокадрового кодування VP8. Як і JPEG, він працює блоками, але передбачає кожен блок за сусідніми пікселями й кодує лише відмінність від цього передбачення; саме таке передбачувальне кодування є головним джерелом його переваги над JPEG. Згідно з FAQ Google, WebP з втратами працює з 8-бітною субдискретизацією кольоровості 4:2:0 (YUV420), тож колір зберігається з половинною роздільністю, як і за поширеного налаштування JPEG.

WebP без втрат (VP8L)

Режим без втрат використовує зовсім інший бітовий потік, VP8L. RFC 9649 описує його як поєднання LZ77, префіксного кодування та кешу кольорів; разом із перетвореннями, як-от передбаченням одних колірних каналів за іншими, він стискає краще за PNG. Він працює з 8-бітними даними ARGB на канал.

Прозорість і анімація

WebP без втрат містить альфа-канал безпосередньо. У WebP з втратами прозорість зберігається в окремому блоці ALPH, тож фотографічна частина може бути з втратами, а краї зберігають повну прозорість. Анімація використовує блоки ANIM і ANMF, які задають для кожного кадру положення, тривалість у мілісекундах, змішування та спосіб утилізації. На відміну від GIF, кадри не обмежені 256 кольорами.

Обмеження

У FAQ Google максимальний розмір зображення WebP вказано як 16383 x 16383 пікселів. WebP не пропонує прогресивного чи черезрядкового відображення в розумінні JPEG або PNG. Його глибина кольору обмежена 8 бітами, тож він не підходить для зображень HDR; тут вирізняється AVIF.

Наскільки WebP справді менший?

За власними вимірюваннями Google, зображення WebP з втратами на 25-34% менші за порівнянні зображення JPEG за рівноцінного індексу якості SSIM, а зображення WebP без втрат на 26% менші за PNG. На тій самій сторінці Google сказано, що WebP без втрат підтримує прозорість ціною лише 22% додаткових байтів. Це середні значення за тестовими наборами Google; ваші власні зображення можуть виграти більше або менше.

Реальні дані вебу показують схожу картину: Web Almanac 2024 від HTTP Archive оцінює медіанне зображення WebP на мобільних пристроях у 1,3 біта на піксель, проти 2,0 у JPEG і 3,8 у PNG.

Підтримка браузерами та програмами

За даними Can I use, на браузери з повною підтримкою WebP припадає 97,18% світового використання (жовтень 2026 року). Повна підтримка починається з Chrome 32, Firefox 65, Edge 18 і Safari 16, а Safari 14 і 15 мають часткову підтримку. MDN зазначає, що на macOS для показу WebP потрібен Safari 14 або новіший разом із macOS Big Sur (11) або новішою.

Поширення швидко зростає, але ще не досягло рівня JPEG чи PNG. Дані W3Techs за жовтень 2026 року показують WebP на 22,7% вебсайтів, які вони відстежують. Згідно з Web Almanac 2024, 12% зображень на мобільних сторінках - це WebP, і ця частка зросла приблизно на три процентні пункти між 2022 і 2024 роками.

Як віддавати WebP на сайті

Оскільки кожен актуальний браузер показує WebP, для більшості сайтів достатньо використовувати зображення безпосередньо як .webp. Якщо потрібно підтримувати й дуже старі браузери, елемент HTML <picture> дозволяє вказати спершу WebP, а після нього запасний JPG. Браузер обирає перше джерело, яке розуміє:

<picture>
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="Змістовний альтернативний текст" width="1200" height="800">
</picture>

Деякі сервери та мережі доставки вмісту повертають WebP або JPG з тієї самої URL-адреси залежно від заголовка Accept, який надсилає браузер. Це зручно, але саме через це люди й отримують несподіваний файл WebP, коли обирають "Зберегти зображення як".

Типові проблеми

Завантажений WebP не відкривається

Багато сайтів автоматично віддають зображення у WebP, якщо браузер його підтримує. Коли ви обираєте "Зберегти зображення як", то отримуєте файл .webp, а старіші переглядачі, деякі офісні програми, сервіси друку та форми завантаження, що приймають лише JPG чи PNG, не можуть його відкрити. Найпрактичніше рішення - конвертувати файл у JPG або PNG.

Анімований WebP перестав рухатися після конвертації

JPG і PNG не підтримують анімацію. Коли анімований WebP конвертується в будь-який із цих форматів, залишається лише один кадр.

Прозорість втрачено

Коли ви конвертуєте прозорий WebP у JPG, прозорі ділянки заповнюються суцільним кольором. Якщо прозорість потрібно зберегти, конвертуйте в PNG.

Файл WebP більший, ніж очікувалося

Конвертація вже добре стисненого JPG у WebP не завжди дає велику економію, а повторне кодування ще й додає невелику втрату якості. Якщо обрано WebP без втрат, файл може бути навіть більшим за вихідний.

Поради щодо конвертації WebP

• Щоб WebP відкривався будь-де: конвертуйте WebP у JPG для фото або WebP у PNG для прозорих зображень і чіткої графіки. З анімованих WebP конвертується лише перший кадр.
• Щоб зменшити зображення на вашому сайті: наші конвертери JPG у WebP і PNG у WebP за замовчуванням використовують якість 80. Для більшості фото це дає відчутну економію розміру з ледь помітною втратою.
• Для логотипів і знімків екрана увімкніть "WebP без втрат". Кожен піксель зберігається точно, прозорість залишається, але файл більший, ніж у режимі з втратами, і може навіть перевищити вихідний.
• Щоб конвертувати кілька форматів одночасно, скористайтеся конвертером зображень; можна додати до 50 файлів за раз і завантажити результати в ZIP.
• Ці конвертації виконуються у вашому браузері, тож ваші файли не залишають вашого пристрою. Дані EXIF і місцезнаходження не записуються в результат.

Часті запитання

WebP - із втратами чи без?

І те, й інше. WebP має два окремі режими стиснення: з втратами (VP8) і без втрат (VP8L). Розширення файлу однакове; який режим використано, записано в блоці всередині файлу.

Чи відкривається WebP у Safari та на iPhone?

Так. Актуальні версії Safari повністю підтримують WebP. За даними Can I use, у Safari 14 і 15 підтримка була частковою, а повна з'явилася із Safari 16.

Чи якісніший WebP за JPG?

Формат сам по собі не буває "якіснішим"; WebP зазвичай дає краще зображення за того самого розміру файлу або менший файл за тієї самої якості зображення. За вимірюваннями Google ця різниця становить 25-34% за рівноцінної якості.

Що обрати: WebP чи AVIF?

AVIF зазвичай дає менші файли для фото й підтримує HDR, але кодується повільніше, а його підтримка на старіших пристроях з'явилася пізніше. WebP кодується швидко, і його підтримка сягає далі в минуле. На сайтах поширений підхід - пропонувати обидва формати через елемент <picture> і залишати JPG як запасний варіант.

Чи впливають зображення WebP на SEO?

Сам WebP не є чинником ранжування, але менші зображення допомагають сторінкам швидше завантажуватися. Важливо віддавати зображення правильного розміру, зі змістовним альтернативним текстом і швидко.

Чи можна надрукувати файл WebP або надіслати його поштою?

Можна, але програма одержувача може не відкрити WebP, а сервіси друку й деякі корпоративні форми завантаження часто приймають лише JPG, PNG або PDF. Якщо перед надсиланням конвертувати фото в JPG, а прозорі зображення в PNG, файл гарантовано відкриється всюди.

Джерела

• RFC 9649: WebP Image Format
• Google for Developers: An image format for the Web
• Google for Developers: WebP Frequently Asked Questions
• Google for Developers: WebP Compression Study
• Chromium Blog: WebP, a new image format for the Web (30 вересня 2010 року)
• Can I use: WebP image format
• MDN: посібник із типів і форматів файлів зображень
• W3Techs: статистика використання форматів зображень на вебсайтах
• HTTP Archive Web Almanac 2024: Media