Ви клікаєте правою кнопкою на зображення на сайті, зберігаєте його і отримуєте файл .webp. Ваш фоторедактор не розпізнає його. Форма, куди потрібно його завантажити, відхиляє його. П'ять років тому цей формат майже не існував у досвіді більшості людей. Сьогодні він скрізь.
Піднесення WebP від невідомого експерименту Google до домінуючого веб-формату зображень — це історія про економіку продуктивності, браузерну політику та повільну природу змін у програмних екосистемах.
Чому Google створив WebP
У 2010 році зображення становили приблизно 60% загального розміру середньої веб-сторінки. Google, чий бізнес залежить від того, щоб люди швидко переглядали веб, мав сильний стимул зменшити розмір зображень.
WebP був побудований на відеокодеку VP8 — тій самій технології стиснення, що стоїть за відео WebM. Ідея Google полягала в тому, що техніки стиснення відео, оптимізовані десятиліттями, можуть бути адаптовані для нерухомих зображень, щоб перевершити застарілий стандарт JPEG (який датується 1992 роком) та важчий формат PNG.
Результати були значними:
| Порівняння | Зменшення розміру |
|---|---|
| WebP vs JPEG (однакова якість) | На 25-35% менше |
| WebP vs PNG (однакова якість) | На 26% менше |
| WebP анімований vs GIF | На 60-80% менше |
Формат, який вміє все WebP незвичний тим, що підтримує стиснення з втратами (як JPEG), стиснення без втрат (як PNG), прозорість/альфа-канал (як PNG) та анімацію (як GIF) — все в одному форматі. Жоден попередній формат не поєднував усі чотири можливості.
Повільний шлях до прийняття
Мати кращий формат недостатньо. Історія прийняття WebP показує, як браузерна політика формує веб:
- 2010 — Google випускає WebP. Підтримує лише Chrome.
- 2011-2014 — Opera додає підтримку. Firefox та Safari відмовляються, посилаючись на занепокоєння щодо фрагментації форматів.
- 2018 — Firefox 65 нарешті додає підтримку WebP після років спротиву.
- 2020 — Apple додає підтримку WebP до Safari 14 та iOS 14 — останній великий утримувач.
- 2022-сьогодні — З універсальною підтримкою браузерів прийняття швидко прискорюється.
10-річний розрив між створенням та універсальною підтримкою пояснює багато. Веб-розробники не могли безпечно використовувати WebP, доки кожен великий браузер не підтримував його, бо видача непідтримуваного формату означає зламані зображення. HTML-елемент <picture>, який дозволяє видавати різні формати різним браузерам, був мостовою технологією, що уможливила поступове прийняття.
Чому кожен сайт тепер використовує його
Стимули для сайтів видавати WebP надзвичайні:
- Алгоритм пошуку Google враховує швидкість сторінки в ранжуванні. Google PageSpeed Insights явно рекомендує WebP. Невикористання знижує ваш показник продуктивності.
- Пропускна здатність коштує грошей. Великий e-commerce сайт, що видає мільйони зображень, щомісяця економить тисячі євро при переході з JPEG на WebP.
- Покращується користувацький досвід. Сторінка з 20 зображеннями продуктів економить 2-3 МБ з WebP. На мобільному з'єднанні це різниця між 2-секундним та 6-секундним завантаженням сторінки.
- CMS-платформи автоматизують це. WordPress автоматично конвертує зображення у WebP з версії 5.8. Shopify, Squarespace та більшість сучасних платформ роблять те саме.
Результат — коли ви зберігаєте зображення з вебу сьогодні, ви майже завжди отримуєте WebP — навіть якщо оригінал був завантажений як JPEG. Сервер визначає, що ваш браузер підтримує WebP, і видає оптимізовану версію.
Проблема сумісності за межами браузерів
WebP ідеально працює у веб-браузерах, для чого й був створений. Проблема в тому, що зображення не залишаються в браузерах:
- Офісне ПЗ — старіші версії Word, PowerPoint та Excel не підтримують WebP
- Редактори зображень — версії багатьох редакторів до 2021 року не можуть відкрити файли WebP
- Друкарські сервіси — онлайн-друкарні зазвичай вимагають JPEG, PNG або TIFF
- Державні та інституційні форми — майже завжди вимагають JPEG або PNG
- Поштові клієнти — WebP у тілі листа відображається непослідовно в різних клієнтах
Це створює розчарувальний розрив: веб видає WebP, але багато подальших використань вимагають JPEG або PNG. Практична потреба в конвертації форматів не зникне найближчим часом.
| Контекст | WebP підтримується? |
|---|---|
| Веб-браузери (всі сучасні) | Так |
| Windows 11 / macOS Ventura+ переглядачі зображень | Так |
| Microsoft Office (нові версії) | Так |
| Старіше ПЗ, друкарні, форми | Зазвичай ні |
AVIF: наступне покоління
WebP — не кінець історії. AVIF (AV1 Image File Format), розроблений Alliance for Open Media (Google, Apple, Mozilla, Microsoft), обіцяє ще кращі результати:
- На 20% менше, ніж WebP при еквівалентній якості
- Краща обробка дрібних деталей та градієнтів
- Краща підтримка HDR та широкого колірного охоплення
- Побудований на сучасному відеокодеку AV1
Підтримка AVIF браузерами зростає (Chrome, Firefox та Safari вже підтримують), але прийняття йде тим самим повільним шляхом, що й WebP. Ймовірно, пройде ще кілька років, перш ніж AVIF замінить WebP як веб-стандарт, і коли це станеться, він створить ті самі проблеми сумісності, які сьогодні створює WebP.
Цикл повторюється: краще стиснення, повільне прийняття браузерами, врешті повсюдне поширення та довгий хвіст проблем сумісності за межами браузера.
Далі
Коли потрібно конвертувати зображення WebP для використання за межами браузера:
- Конвертувати WebP у JPG — миттєва конвертація, обробка локально у вашому браузері
- Конвертер зображень — конвертація між усіма основними форматами зображень
Обидва інструменти безкоштовні та обробляють файли повністю на вашому пристрої.