Ви завантажуєте зображення з вебсайту й замість звичного .jpg чи .png отримуєте щось схоже на друкарську помилку: .webp. Ваша стандартна програма може лише знизати плечима. Ваші старіші інструменти дизайну можуть відмовитися його відкривати. Десь на цьому шляху вебпростір тихенько змінив формати й не надіслав жодного попередження.
WEBP — це сучасний формат зображень від Google, створений спеціально для вебу. Це растровий тип файлів зображень, як JPEG та PNG, який має розширення .webp та MIME-тип image/webp. Головна ідея проста: зберегти зображення такими самими (або кращими) на вигляд, але суттєво зменшити розмір файлів, щоб сторінки завантажувалися швидше й споживали менше трафіку.
Google представила WEBP ще у 2010 році в межах свого масштабнішого хрестового походу за продуктивність.
Замість того щоб винаходити щось із нуля, вона переосмислила технологію відеокодека VP8 і загорнула її в контейнер RIFF. Під капотом WEBP не зберігає кожен піксель буквально. Він передбачає, який вигляд повинні мати пікселі, на основі блоків навколо них, а потім кодує різницю. У результаті ми отримуємо значно ефективніший спосіб стиснути фотографії та графіку в менші файли.
Як насправді працює формат зображень WEBP
На технічному рівні WEBP підтримує два основні режими: із втратами й без втрат.
WEBP із втратами грає в ту саму гру, що й JPEG. Він відкидає дані, які ваші очі навряд чи помітять, жертвуючи крихітною часткою якості заради драматичного зменшення розміру. Для типових фотографій Google та великі гравці на кшталт Adobe наводять цифри зменшення близько 25–30 відсотків порівняно з JPEG за схожої візуальної якості.
WEBP без втрат ближчий до PNG. Він зберігає кожен біт візуальної інформації, але застосовує для цього більш просунуті прийоми стиснення. Формат також може містити альфа-канал, а це означає, що він нативно підтримує прозорі фони. Це та територія, на якій PNG домінує роками: логотипи, іконки, елементи інтерфейсу, фотографії товарів із чіткими вирізами. WEBP розроблений так, щоб виконувати ту саму роботу з меншими розмірами файлів.
Є ще й третій прийом: анімація. WEBP може об’єднувати кілька кадрів в одному файлі, а це означає, що він може замінити деякі випадки використання, де ви зазвичай звернулися б до анімованого GIF.
WEBP проти JPEG: старий стандарт проти нового
JPEG — це стандартний формат фотографій епохи інтернету. Камери, телефони, застаріле програмне забезпечення, дешеві цифрові фоторамки — усі вони вільно володіють JPEG. Тож коли люди запитують “WEBP проти JPEG,” насправді вони запитують, чи безпечно рухатися далі від стандарту, який десятиліттями був фактично всюди.
На практиці WEBP зазвичай ефективніший. За тієї самої сприйнятної якості файл WEBP часто буде помітно меншим за JPEG. Саме цього й прагнула Google: взаємозамінні зображення з меншою кількістю байтів.
Але ефективність — не єдина відмінність.
JPEG не підтримує прозорість, не робить анімації й не має режиму без втрат. Це дуже гарне рішення дуже конкретної проблеми з 1990-х.
WEBP — це гнучкіший формат, який поширюється на різні випадки використання: фотографії, прозорі елементи, анімовані прикраси інтерфейсу тощо.
Єдина справжня перевага, за яку тримається JPEG, — це сумісність.
Кожна операційна система, кожен холодильник з екраном, кожен запилений друкарський кіоск у супермаркеті знає, що робити з .jpg. Хоча WEBP тепер підтримується всіма основними браузерами й довгим списком інструментів, JPEG усе ще виграє в категорії “просто працює всюди”.
Тож якщо ви обираєте для вебу, WEBP зазвичай виходить попереду. Якщо ж ви надсилаєте зображення електронною поштою комусь із древнім програмним забезпеченням або орієнтуєтеся на вбудовані пристрої, JPEG усе ще залишається вашим найбезпечнішим вибором.
WEBP проти PNG: прозорість без зайвої ваги
PNG зайняв нішу як формат для прозорості, чітких країв та елементів інтерфейсу. Він без втрат, а це означає, що він не розмазує текст і не розмиває логотипи, і підтримує альфа-канал, тож ви можете накладати іконки на будь-який фон.
WEBP фактично полює саме на цю роботу. Коли ви використовуєте WEBP у режимі без втрат з увімкненою прозорістю, ви отримуєте ті самі чіткі краї та охайні вирізи, що й у PNG, але зазвичай у меншому файлі. Це велика перевага для насичених дизайном інтерфейсів та сайтів електронної комерції із сітками фотографій товарів.
Найбільша перевага PNG зараз — це звичність і передбачуваність у старіших ланцюжках інструментів. Якщо ви маєте справу з процесами дизайну, принтерами або застарілими конвеєрами контенту, які не оновлювалися роками, PNG усе ще залишається простою відповіддю. Для сучасних вебсайтів WEBP зазвичай виграє змагання “якість на кілобайт”.
Чому Google так наполегливо просувала WEBP
Це не просто випадковий проєкт для ботанів.
Google має особистий інтерес у тому, щоб зробити веб швидшим: швидші сайти роблять користувачів щасливішими, зменшують навантаження на сервери й роблять власні сервіси компанії більш чуйними.
Вбудувавши WEBP у Chrome і просуваючи його підтримку в інші браузери, Google полегшила сайтам впровадження цього формату.
Платформи CMS і хостинг-провайдери підхопили цей тренд. Багато з них тепер пропонують автоматичну оптимізацію зображень, тихенько конвертуючи завантажені файли в WEBP за лаштунками й доставляючи їх сумісним браузерам, водночас зберігаючи класичні варіанти JPEG чи PNG як запасні.
Ось чому WEBP раптом здається всюдисущим. Ви не вирішували перемикатися. Ваші інструменти зробили це за вас.
Як відкрити файл WEBP
Якщо ви просто хочете відкрити файл WEBP, найпростіше рішення — те, чим ви вже користуєтеся: браузер. Перетягніть файл у Chrome, Edge, Firefox чи Safari, і він відобразиться, як будь-яке інше зображення.
Підтримка на настільних комп’ютерах теж наздогнала. Останні версії Windows містять підтримку WEBP у застосунку «Фотографії» та в багатьох сторонніх переглядачах. У дистрибутивах macOS і Linux WEBP дедалі частіше вбудовано в системні бібліотеки зображень, тож Preview та інші стандартні переглядачі теж можуть відображати цей формат.
Що стосується редагування, то основні інструменти, як-от Photoshop, PaintShop Pro і GIMP, можуть відкривати WEBP нативно або через плагіни. Якщо певний застосунок не розпізнає розширення, це зазвичай означає лише, що ви застрягли на старішій версії або в програмі, яку не оновлювали для сучасних вебформатів.
Як конвертувати WEBP у JPG, PNG чи щось інше
Звісно, іноді ви взагалі не хочете думати про формати. Вам просто потрібне те зображення .webp у форматі .jpg для презентації, або .png для файлу друку, або щось, що приймає ваша CMS.
Є кілька простих варіантів.
Багато редакторів зображень просто дадуть вам змогу відкрити файл WEBP і скористатися командою “Зберегти як” чи “Експорт”, щоб видати JPEG, PNG чи інший формат на ваш вибір.
Якщо у вас під рукою немає повноцінного редактора, є безліч браузерних конвертерів, як-от Documents.io, де ви завантажуєте WEBP і за кілька секунд отримуєте JPG чи PNG.
Якщо ви мислите ще далекогляднішими категоріями, є новіші формати, як-от AVIF та JPEG XL, які іноді можуть перевершити WEBP за стисненням, особливо для фотографій надвисокої якості.
Заковика в тому, що підтримка все ще нерівномірна, тоді як WEBP уже набув мейнстримного статусу.
Чому WEBP всюди—і коли його не варто використовувати
Для вебзображень WEBP відповідає майже всім вимогам. Він зберігає малі розміри файлів, підтримує прозорість та анімацію й має достатнє поширення серед браузерів і платформ, щоб на нього можна було безпечно покладатися. Ось чому хостинги, CDN та конструктори сайтів так сильно на нього спираються: він пропонує безкоштовну продуктивність, не змушуючи дизайнерів нічого перемальовувати.
Усе ще є куточки, де він не ідеальний. Якщо ви архівуєте оригінальні дані фотографій, вам, імовірно, потрібен RAW або TIFF, а не дружній до вебу стиснений формат. Якщо ви передаєте файли друкарні, яка використовує древнє програмне забезпечення, JPEG і PNG можуть бути безпечнішими. А якщо ви маєте справу з маргінальними пристроями чи нішевими застосунками, універсальна сумісність JPEG усе ще має значення.
Для всього іншого, особливо для вебзображень, WEBP тихенько став розумним стандартом за замовчуванням. Наступного разу, коли ви побачите це дивне на вигляд розширення файлу, це не ваш комп’ютер поводиться химерно. Це веб робить те, що вміє найкраще: ховає купу розумної інженерії за простим зображенням на сторінці.