Що таке WebP? Розповідаємо про формат вебзображень Google

Oleksii_Lishchuk

Що таке файл WebP?

WebP - це тип файлів зображень, створений компанією Google, який забезпечує стиснення зображень для Інтернету з втратами та без втрат. Запущений у 2011 році, він фактично став мейнстрімом з моменту його широкого впровадження в браузери у 2020 році. Файли WebP можна розпізнати за однойменним розширенням .webp.

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

Дослідження Google показують, що їм вдалося успішно стискати зображення до значно менших розмірів файлів. Компанія повідомляє, що WebP може похвалитися тим, що він на 26% менший за PNG-файли та на 23-24% менший за еквівалентні JPG-файли. Розмір зображення у форматі WebP може досягати 16 383 × 16 383 пікселів.

Ключові особливості зображень у форматі WebP

Однією з переваг формату зображень WebP є те, що він підтримує більше функцій (наприклад, прозорість і анімацію), ніж інші формати файлів. Деякі інші переваги включають наступне:

• Стиснення з втратами та без втрат. WebP можна використовувати для стиснення з втратами або без втрат. Ці терміни визначають, що відбувається при оберненому стисненні зображення. При стисненні з втратами дані втрачаються при розпакуванні файлу, тоді як при стисненні без втрат дані втрачаються дуже мало або взагалі не втрачаються. Перевага стиснення з втратами полягає в тому, що воно створює набагато менший розмір файлу, ніж стиснення без втрат.
• Прозорість. WebP-зображення підтримують прозорість (тобто альфа-канал). PNG-файли теж підтримують, а от JPEG - ні. Прозорість додає менше даних, ніж інші формати, і особливо корисна при створенні вебсайтів. Вона дозволяє створювати нерівні межі фігури й бачити фон за об'єктом. Це також дозволяє створювати глибину і контраст за допомогою нашарування елементів сторінки один над одним і один під одним. Ви навіть можете створювати більш просунуті візуальні ефекти, такі як ефект скломорфізму, які зроблять вебсайт більш сучасним.
• Анімація. Зображення у форматі WebP можуть бути анімованими, подібно до відомого формату GIF. Це перевага над JPEG, який не підтримує анімацію. Крім того, анімовані файли WebP мають менший розмір, ніж GIF або APNG.
• Метадані. WebP підтримує додавання метаданих до зображень за допомогою XMP і EXIF. Метадані корисні для надання контексту цифровим зображенням, у тому числі даних про час і місцезнаходження, прикріплених до зображення з цифрової камери. Ви можете додавати теги й короткі описи до зображень з метаданими, які допомагають пошуковим системам ідентифікувати зображення, підвищуючи ефективність пошукової оптимізації.
• Профіль кольору. Ви можете вбудувати профіль ICC для керування кольором у WebP-файл, який управляється Міжнародним консорціумом кольорів (International Color Consortium). Файл ICC можна імпортувати в програми для редагування зображень, такі як Adobe Photoshop, щоб керувати кольором у файлі на різних пристроях або для друку.

Переваги формату WebP, які оцінять більшість вебадміністраторів і користувачів, полягають у наступному:

• Швидше завантаження. Завдяки меншому розміру файлів, сторінки із зображеннями WebP завантажуються швидше. Це значно підвищує зручність користування сайтом: за даними Website Builder Expert, кожна секунда затримки завантаження знижує задоволеність відвідувачів на 16%, а кожен четвертий відвідувач повністю покине сайт, якщо він не завантажується впродовж 4 секунд.
• Менше місця для зберігання мультимедійних даних. Покращене стиснення WebP також означає менше місця для зберігання даних. Це має вирішальне значення для сайтів, які містять велику кількість зображень.
• Економія пропускної здатності. Пропускна здатність - це швидкість, з якою сервер може передавати дані кінцевим користувачам протягом певного часу. WebP може звільнити пропускну здатність, дозволяючи вебсайтам пропонувати більше контенту. Це особливо важливо для сайтів з великою кількістю зображень, таких як блоги про їжу, подорожі або фотографії.
• Поліпшення пошукової оптимізації. Збільшення швидкості завантаження завдяки використанню менших файлів зображень позитивно впливає на ранжування сайту в пошукових системах, таких як Google.

Які недоліки має формат WebP? 

Основним недоліком WebP є те, що його не завжди підтримують постачальники апаратного та програмного забезпечення. Наприклад, Adobe Photoshop не підтримує його за замовчуванням: щоб редагувати WebP-файл в Adobe Photoshop, потрібно спочатку встановити плагін WebPShop. Крім того, за даними розробників Google, використання процесора для анімованих зображень у форматі WebP може бути в 2,2 рази вищим, ніж для анімованих зображень у форматі GIF.

Де підтримується формат WebP?

WebP вже вважається широко поширеним стандартом. Станом на 2022 рік він займає 97,4% ринку серед веббраузерів. Сюди входять Google Chrome, Safari, Firefox, Edge та Opera. Конструктори сайтів, такі як Wix, Squarespace і Webflow, а також графічні інструменти, такі як Photoshop, тепер також підтримують зображення WebP.

Попри те, що багато інструментів підтримують WebP, JPEG все ще залишається найпопулярнішим форматом зображень в Інтернеті. З усіх вебсайтів 76,6% використовують JPEG і лише 6,2% - WebP.

Як створювати зображення у форматі WebP?

Мобільні телефони та цифрові камери зазвичай зберігають зображення у форматах JPEG, HEIF або raw (нестиснуті дані). Деякі колекції стокових фотографій пропонують завантаження у форматі WebP, але багато хто все ще використовує JPEG. Тому в багатьох випадках вам не доведеться починати роботу із зображення у форматі WebP; вам потрібно буде конвертувати зображення з іншого формату у WebP, ймовірно, після обрізання, масштабування та інших коригувань. GIMP (GNU Image Manipulation Program) підтримує зображення у форматі WebP приблизно з 2017 року, а Adobe Photoshop підтримує WebP за допомогою безплатного плагіну WebPShop.

Конвертер WebP

Якщо у вас є зображення у форматі, відмінному від WebP, вам знадобиться конвертер зображень. Існує безліч програм, і більшість з них успішно справляються з основним завданням - перетворенням файлу в WebP. Найстаріший конвертер, який все ще дуже корисний для пакетної обробки або тонкої настройки, - це WebP-конвертер cwebp від Google. Інший приклад - XnConvert. 

Яке майбутнє чекає на формат WebP? 

Всупереч очевидним перевагам над форматами JPEG, PNG і GIF, розвиток WebP відбувається повільно, а впровадження - ще повільніше. Інші новіші формати зображень, які розробляються не так давно, як WebP, переслідують ту саму мету. Чи варто нам відмовитися від WebP і використовувати один з них замість нього? Хоча у нас немає часу заглиблюватися в деталі, наступні формати безпосередньо конкурують з WebP за частку ринку: 

HEIC 

HEIC (High-Efficiency Image Container) використовує високоефективне відеокодування (HEVC, H.265) для зберігання зображень. HEIC пропонує менший розмір файлів, ніж JPEG, при тому ж рівні якості (приблизно вдвічі менший, ніж еквівалентний JPEG), а також підтримку анімації ( замість GIF). 

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

AVIF

AVIF (AV1 Image File Format) конкурує з HEIC. AVIF підтримується в Chrome, Firefox, Safari та Opera. Він також працює у VLC та GIMP. Його головна перевага над HEIC полягає в тому, що він не обтяжений ліцензійними обмеженнями.

JPEG XL

Напівсумісний наступник JPEG, JPEG XL, схоже, з часом стане універсальним форматом зображень в Інтернеті. JPEG XL забезпечує кращу якість при тому ж розмірі файлу порівняно з HEIC та AVIF, серед інших переваг.

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

Рекомендовані продукти

Aspire Vero 16 Переглянути	Extensa 15 Переглянути