Обробка зображень

• Recovery Mode

Є ще кілька особливостей формату WebP. Параметри стиснення не повторюються точно в JPEG. Не варто очікувати, що 50% якість JPEG буде відповідати 50% якості WebP. У випадку WebP якість падає досить стрімко, так що починати краще з найбільших значень і поступово їх зменшувати. Інший плюс на користь WebP - здатність додавати маску альфа-каналу, як у PNG. На відміну від конкуруючого формату, зображення формату WebP можна стиснути до однієї десятої розміру зображення у форматі PNG. Це справді те, чим виділяється WebP.

Один приклад із життя: файл PNG розмірів 880Кб (24-бітне зображення з альфа-каналом) було стиснуто до 41Кб – стиск у 95%! Хоча це і не проста ситуація, але можливості WebP видно.


Різниця як текстури. (Повна версія)

Для подальшого зменшення розміру файлу, ми можемо не включати метадані, прибравши галочку “Зберегти Метадані” у вікні збереження редактора зображень. Для ще більших результатів можна вибрати “альфа-канал із втратами”.

Налаштування якості для альфа-каналу застосовуються і до зображення. Наприклад, 50% якість зображень матиме 50% якість альфа-каналу. У нашому тестуванні ми чекали спотворення краю маски, однак були також помітні зміни всього зображення. Звичайно, це варіант для подальшого зменшення розміру, але варто дуже ретельно стежити за якістю зображення.

Також зверніть увагу на небажані смуги в альфа-каналі.

Різниця як альфа-канал. (Повна версія)

Ми дуже зраділи, коли знайшли Плагін для Photoshop для підтримки WebP. З ним можна легко налаштовувати якість WebP-зображень. Щоправда, інтерфейс плагіна залишає бажати кращого. На даний момент ви не можете переглянути зображення для оцінки параметрів якості.

WebP Плагін для Photoshop.

Як обхідний шлях, можна порівняти файли в Google Chrome. Відкриття діалогового вікна "Зберегти" також незручно у Photoshop. Для цього ми призначили гарячу клавішу, щоб не використовувати діалогове вікно. Незважаючи на незручності, це все-таки варте того.

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

Незважаючи на перспективні результати тестування, немає однозначного лідера серед усіх форматів. Хоча WebP і показує себе вражаюче серед інших форматів, JPEG і 8-бітний PNG іноді все ще краще за WebP за розміром та/або якістю. Тому радимо провести власне тестування до того, як перекладатимете всі свої зображення на WebP, тому що він може не зовсім відповідати Вашим вимогам.

Реалізація

Визначивши, що WebP може бути ефективним інструментом для нас, ми звернулися до наших розробників для цього формату. WebP повністю підтримується браузерами Chrome, Opera, Opera Mini, Android-браузер та Chrome для Android. Firefox, Internet Explorer і Safari не мають повної підтримки, хоча Firefox з WebP має свою історію. На щастя, є кілька способів відображати WebP у цих браузерах.

Ми знайшли 3 способи підтримки цього формату. Нам важливо було розуміти, що ми використовуємо найкращий засіб щодо розміру сторінки, пам'ятаючи, що індекс швидкості – це ключова метрика та зважаючи на будь-які необхідні поліфіли Javascript.

Ми провели 4 тести, щоб визначити, який формат нам найкраще підходить. Перше використовувало JPEG як контрольний зразок, а решту 3 використовували підходи, описані нижче. Ми використовували JPEG-зображення та WebP-зображення однакової якості (269Кб JPEG та 52Кб WebP).

У другому тесті ми включили WebPJS, поліфіл розміром 67Кб, створений Домініком Хомбергером. Він забезпечує підтримку WebP у всіх сучасних браузерах, навіть у IE6 та вище. Поліфілл зручний тим, що не потрібно змінювати img-тег у вашому коді, потрібно просто змінити розширення зображень с.jpg і.png на.webp.

Наступний підхід був у використанні Picturefill, поліфіл, який дозволяє вам використовувати тег, навіть коли він повністю не підтримується. З його допомогою можна використовувати для віддачі WebP і якщо формат не підтримується браузером, віддавати йому JPEG, PNG або інший формат.

Останній тест був у використанні файла.htaccess на сервері для впровадження WebP. Цей варіант був розроблений Вінсентом Орбахом.

Використовуючи його, код в htaccess дивиться, чи є WebP-версія кожного зображення на сторінці. Якщо браузер підтримує WebP і WebP-зображення доступне, воно віддається, а не JPEG або PNG. Це зручно і не потрібно змінювати розмітку веб-сторінки.

Після перегляду результатів, ми зробили висновок, що WebP-поліфіл (з другого тесту) - найбільш легковажне рішення, яке працює у всіх браузерах, але ми не були задоволені метрикою індексу швидкості при використанні цього методу. WebP-поліфіл відображає зображення гірше, ніж контрольний тест JPEG та гірше інших реалізацій, крім iOS. Ми схильні використовувати цю реалізацію через найкращу підтримку браузерами.

Також було відмічено, що на iOS-пристроях файли займали на 100Кб більше, ніж на інших пристроях. Ми виявили, що в iOS5.1 і IE 8 і IE9, WebP-зображення завантажувалося 3 рази. Хоча додаткові 2 рази - це не є добре, займало місця це все ж таки менше, ніж JPEG-еквівалент. Ми не тестували це в нових версіях iOS, можливо, там це вже було виправлено.

Погляд у майбутнє

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

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

Спочатку ми використовували метод із поліфілом, але вважали, що результат не буде ідеальним.
WebP поки не зможе повністю замінити JPEG або PNG, але він буде дуже крутим інструментом у вашому арсеналі.

Від перекладача: Автори використовували iOS 5.1 тому, що в момент тестування сайт WebPageTest.org підтримував лише цю версію системи. IE8 та IE9, щоб подивитися, як WebP буде працювати в таких старих браузерах + для їх клієнтів все ще важливі ці браузери. Наразі вже повно і онлайн-версій конвертерів.

– це формат зображення, розроблений Google у 2010 році. Він був створений як альтернатива форматам PNG та JPG. За допомогою WebP можна створювати зображення набагато менших розмірів, ніж традиційні формати JPG та PNG без погіршення якості зображення.

Навіщо потрібна WebP?

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

	WebP	PNG	JPG	GIF
Стиснення із втратами	+	+	+	—
Стиснення без втрат	+	+	+	+
Прозорість	+	+	—	+
Анімація	+	—	—	+

Навіть із цим багатим функціоналом формат WebP забезпечує значно менші розміри файлів, ніж його альтернативи. У порівняльному вивченні цих форматів зображень було виявлено, що стислі зображення з втратами якості WebP були в середньому на 30% менше, ніж JPG, а зображення без втрат WebP були в середньому на 25% менше, ніж PNG.

Як перетворити зображення на WebP

Існує кілька інструментів для зручної конвертації JPG, PNG та інших форматів файлів у WebP.

Онлайн-конвертери у WebP

• Squoosh— інструмент для перетворення та порівняння форматів зображень від Google
• Online-Convert.com- онлайн-конвертер

Інструменти командного рядка для WebP

Хоча це досить багато, цього недостатньо для того, щоб не робити фолбек для браузерів, що не підтримуються. Інакше все-таки частина користувачів не побачить зображення.

Резервні копії зображень можна створити за допомогою елемента Елементи. Це HTML5 елемент, який дозволяє використовувати кілька вихідних файлів для одного зображення.

Щоб надати альтернативне джерело зображення, ми використовуємо елемент усередині елемента Елементи.
У елемента є атрибути для визначення типу зображення та інструкцій, коли який тип використовувати:

• type: MIME тип файлу джерела;
• srcset: Шлях до файлу зображення. Для виведення одного зображення різних розмірів можна використовувати декілька файлів (див. )
• sizes: Список розмірів кожного вихідного файлу (див. статтю вище)
• media: Медіа-запит для визначення, яке з джерел використовуватиметься для виведення картинки.

На додаток до елементів , у коді має бути присутнім і звичайний тег як резерв для браузерів, які не підтримують кілька форматів файлів через елемент

Переважна більшість зображень, які можна зустріти на сторінках сайтів, мають формат JPG. Менш поширені PNGі GIF, і дуже рідко зустрічаються картинки у форматі BMP, головним чином, через їхню велику вагу, що збільшує час завантаження сторінки в браузері. Так чи інакше, ви можете завантажити будь-яке з цих зображень на комп'ютер і відкрити вбудований в'ювер Windows.

Не так справи з новим форматом WebP, розробленим компанією Googleу 2010 році з метою потіснити звичні JPGі PNG. При такій високій якості картинки в цьому форматі мають меншу вагу і їх також можна завантажити на комп'ютер, тільки відкрити їх штатним переглядачем не вийде, оскільки він їх просто не розуміє. Так що там вбудований в'ювер Windows, далеко не всі сторонні програми для перегляду зображень можуть працювати з цим «незавершеним»форматом.

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

Підміна адреси

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

За допомогою розширення "Save Image As Png"

Тим, кому доводиться мати справу з WebPпостійно, можемо порадити встановити безкоштовне розширення для Chrome , завантаживши його зі сторінки chrome.google.com/webstore/detail/save-image-as-png/. Плагін додає в контекстне меню картинки, що скачується зі сторінки, однойменну опцію. Подальші події вам зрозумілі. PNG може бути і не зовсім відповідний формат, але суть не в цьому, головне, що завантажену картинку можна переглядати штатним в'ювером Windows.

Конвертування онлайн

А ще WebP-зображення можна конвертувати в одному з онлайн-конвертерів, наприклад, доступного за адресою convertio.co/ru/webp-jpgабо , розташованого за адресою www.zamzar.com/ru/convert/webp-to-jpg. Обидва сервсиси гранично прості у використанні, тільки у є невеликий мінус - для отримання сконвертованої картинки потрібно вказати свій email, на яку вона і буде відправлена. Обидва онлайн-конвертери вміють перетворювати WebPу популярні формати, обидва абсолютно безкоштовні, обов'язкової реєстрації не вимагають.

Конвертування за допомогою XnConvert

Якщо не хочете бути залежними від інтернету, скачайте із сайту www.xnview.comта встановіть - безкоштовну програму для конвертування та базової обробки зображень. Додаток відрізняється легкістю та простотою, вміє працювати з більш ніж 500 графічних форматів, робити із зображеннями різні дії, як то: вирівнювання, обрізка, застосування фільтрів, зміна яскравості, контрастності та інших параметрів, додавання водяних знаків та багато іншого.

Щоб конвертувати WebPпросто перетягніть файли на вікно , у вкладці "Вихідні дані"виберіть відповідний формат і натисніть «Перетворити». Ну от і все. Сподіваємося, більше питань щодо скачування та перегляду картинок WebPу вас не виникатиме.

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

- Розширення (формат) – це символи наприкінці файлу після останньої точки.
- Комп'ютер визначає тип файлу саме з розширення.
- За промовчанням Windows не показує розширення імен файлів.
- У імені файлу та розширення не можна використовувати деякі символи.
- Не всі формати стосуються однієї і тієї ж програми.
- Нижче знаходяться всі програми, за допомогою яких можна відкрити файл WEBP.

XnView - досить потужна програма, що поєднує у собі безліч функцій роботи з зображеннями. Це може бути і простий перегляд файлів, їх конвертування, і незначна обробка. Є кросплатформною, що дозволяє використовувати її практично в будь-якій системі. Програма унікальна ще й тим, що підтримує близько 400 різних форматів зображень, серед яких зустрічаються як найпопулярніші, так і нестандартні формати. XnView може здійснювати пакетну конвертацію зображень. Щоправда, сконвертувати їх можна лише в 50 форматів, але серед цих 50 форматів присутні всі популярні розширення.

Chasys Draw IES - багатофункціональний редактор, що включає ряд таких утиліт, як графічний редактор, утиліту для перегляду зображень і фото, модуль для пакетного перетворення графіки та модуль конвертації цифрових фотографій в RAW-формат. У головному вікні програми можна персоналізувати робочий лист, вибравши тип проекту, який потрібно створити. Додаток дозволяє здійснювати такі складні маніпуляції із зображеннями як створення композиція для друку, анімація для веб-ресурсів, зображення для компакт-диска, DVD. Програма дозволяє сканувати зображення за наявності потрібного обладнання. Крім такого набору...

XnConvert – корисна утиліта для конвертування та первинної обробки фотографій та зображень. Працює із 400+ форматами. Підтримує усі популярні графічні формати. За допомогою простих інструментів XnConvert можна регулювати яскравість, гаму та контрастність. У програмі можна змінювати розмір фотографій, накладати фільтри та ряд популярних ефектів. Користувач може додавати водяні знаки та займатися ретушшю. За допомогою програми можна видаляти мета-дані, обрізати файли та обертати їх. XnConvert підтримує журнал, в якому користувач побачить всю докладну інформацію про свої недавні маніпуляції із зображеннями.

IrfanView – безкоштовний переглядач графічних файлів, відмінними рисами якого є мінімальний розмір та функціональність. IrfanView підтримує велику кількість форматів, має зрозумілий інтерфейс і необхідний набір функцій. Так, з її допомогою можна не лише переглядати зображення, а й повертати їх під будь-яким кутом, займатися невеликим виправленням кольорів, прибирати ефект червоних очей з фотографій тощо. Також, за допомогою IrfanView можна робити скріншоти (як усього екрану, так і окремих областей), видирати значки та іконки з різних файлів, перейменовувати файли за заздалегідь заданим шаблоном, а...

Honeyview - проста та красива програма для перегляду фотографій. Підтримує всі популярні формати зображень та фотографій, при цьому й ті, що «необроблені». Також є зручний інтерфейс, де можна переглядати фотографію на весь екран, або паралельно дві фотографії, що дуже зручно, якщо потрібно вибрати найкращу. Можна одразу зберігати улюблені фотографії в окрему папку. Якщо у фотографії присутні дані про місце розташування, тоді програма відкриє Google Maps, де можна буде побачити місце де зроблено фотографію. За допомогою гарячих клавіш програма відкриє у провіднику Windows, фотографію яка відкрита в...

FileOptimizer – зручна програма для стиснення файлів, створена однією з незалежних команд програмістів. Цей додаток відрізняється покращеними алгоритмами стиснення та високою швидкістю роботи. Програма дозволяє стискати файли майже всіх типів, включаючи архіви, текстові формати, формати зображень тощо. Також, ця програма може працювати зі скриптами, а також через командний рядок, що буде особливо корисним досвідченим користувачам. Для користувачів-початківців, все дуже просто. Програма інтегрується в контекстне меню, що дозволяє дуже швидко стискати файли, що знаходяться на будь-якому диску та будь-якій папці.

Picasa – програма для перегляду зображень та їх сортування, що відрізняється великою кількістю різних функцій та зручним інтерфейсом. Цю програму зовсім недавно купила Google, а тому в ній з'явилася інтеграція із сервісами цієї компанії. Сама програма здатна просканувати всі диски та вивести всі знайдені фотографії та картинки. Спочатку деяким користувачам може здатися незручним, що програма сортує їх у порядку створення, проте якщо ви створите кілька альбомів і розіб'єте ці картинки за темами, пошук потрібного зображення стане набагато простіше. Окрім простого сканування зображень, програма вміє за...

Всі ми любимо «прогулюватися» просторами інтернету і відвідувати ті чи інші сайти. І ні для кого не секрет, що переглядаючи величезну кількість зображень їжі, природи, скріншотів з фільмів або відеоігор, завантаження сторінки сайту може затримуватися надовго. Особливо це помітно на мобільних пристроях або, якщо в браузері на комп'ютері відкрито багато вкладок. Зрозуміло, що як би при цьому веб-дизайн не був би красивим і функціональним, відвідувачі намагаються або перервати завантаження зображень або просто піти з сайту.

Якщо самі зображення величезні за розміром (ширина-висота)? Їх трохи на станиці, але вони просто величні (2К, 4К формати). Адже багатьом нам хочеться побачити гарні фотографії чи можливості графічних відеокарт. Так що вже говорити, часто весь веб-дизайн створюється суцільно з зображень. То це смужки, то квадратики з текстурою, то кліпарти та інше.

Одним словом, використовуватися зображення у великій кількості або великого розміру можуть по-різному і на різних сайтах. Як можна вирішити таку проблему і чи потрібно? Ми розглянемо один із способів, який у реалії використовується багатьма сайтами протягом останніх років і, зрозуміло, розберемося, як у цьому може допомогти Photoshop і чи це потрібно взагалі.

Починаємо…

Google поспішає на допомогу

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

Створено його було Google ще у 2010 році спеціально для покращеної оптимізації картинок. Працює ж він із усіма відомими вже форматами і на сьогоднішній день у 2017 році є дуже гарною альтернативою PNG чи JPEG. Щоб наочно уявити, про що ми взагалі затіяли нашу розмову, порівняємо якість картинки в JPEG і WebP при однаковому відсотку стиснення.

У наведеному вище прикладі візуальних відмінностей практично немає, точніше вони непомітні при стисканні на 70%. Але при цьому версія JPEG важить 49,8 Kb, а версія WebP – 15 Kbвідповідно, відсоток стиснення у другому випадку можна збільшити, не побоюючись за великий розмір файлу. Не так і погано, якщо врахувати, що візуально вони практично ідентичні.

Виникає резонне питання: відкриються чи провантажаться такі зображення на станиці сайту в браузерах і яких саме. Оскільки формат WebP створено Google, то, відповідно, і підтримка Chrome, Яндекс, Opera теж є. Загалом підтримка здійснюється в 90% браузерах, у тому числі і мобільних версіях. Підтримки в IE та Edge за замовчуванням, на жаль, немає.

При цьому важливо розуміти, що WebP не є і його не можна, у жодному разі, сприймати як 100% заміну PNG та JPEG. Це формат тільки для браузерів, які можуть з ним працювати, але мати інший формат для інших браузерів доведеться, безперечно. З іншого боку, завжди є невеликі поліфіли, бібліотеки, що дозволяють браузерам працювати з тією чи іншою фішкою. Але про це нижче.

JPEG (180 Кб)

PNG (213Kb)

WebP (91Kb)

Перетворення зображень наWebP

Варіант 1 -Photoshop

Найпростішим способом роботи з WebP є, звичайно, Photoshop, для якого Telegraphics створила і спеціальний плагін для різних версій розрядності. Після того, як встановите його (скопіюєте в папку з плагінами) у програмі з'явиться можливість у меню « Зберегти як…» вибрати у спадному списку формат WebP.

Діалогове вікно дозволяє налаштовувати якість за допомогою повзунка, фільтрації, шумів і різкості. Звернемо увагу, що відповідно до файлу readme в архіві, обговорюється, що в варіації на Windows функціональність плагіна менше, ніж у версії для Mac OS.

Крім цього, плагін для Photoshop не дозволяє скористатися. Зберегти для Web…», а також немає попереднього перегляду збереженого зображення, як у випадку з JPEG. Тому поки ви не збережете файл і не відкриєте його для перегляду, ви не зможете дізнатися, що виходить і якого розміру буде файл.

Варіант 2 -Onlineconverter

Іншим варіантом конвертації є використання онлайн-конвертера - Image online-convert. Працює анітрохи не гірше, ніж у Photoshop'і, але завдяки йому швидше та зручніше робити пакетне перетворення файлів.

Використання файлів зображень

Як ми говорили вище, майже всі браузери зараз (середина травня 2017 року) підтримують роботу з WebP за замовчуванням. Тим не менш, на комп'ютерах користувачів можуть бути встановлені старі версії браузерів або не підтримують формат. Існує два зручні варіанти відображення картинок в WebP.

1. WebPJS поліфіл (бібліотека), який буде обробляти версію браузера і змінювати зображення. На сторінці автора показано та розписано, куди вставляти потрібні блоки коду на сторінки сайту.
2. Picturefill, теж маленька бібліотека, що працює вже за іншим принципом.

У чому суттєва різниця обох бібліотек? В першому випадку img-тегна сторінках не змінюється, ви просто самі змінюєте розширення файлів із JPEG на WebP. У другому випадку, формат WebP використовується для представлення зображення, якщо він підтримується, а якщо ні, то замінюється на JPEG. За такого варіанту доведеться змінювати img-тегина сторінках, Автоматична конвертація форматів відбувається «нальоту», тому сказати, який із них краще працює – складно.

Також можна використовувати і код для файлу.htaccess , який перевірить підтримку браузером WebP і у разі негативної відповіді замінить зображення на JPEG. При цьому всі зображення мають бути в одній папці та одного розміру (ширина + висота).

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

Як побачити файлиWebP на комп'ютері

Спочатку у Windows немає підтримки даного формату і якщо Telegraphics створили плагін для Photoshop, то Google випустила плагін для можливості побачити файли зображень у звичайному "Засобі перегляду фотографій" Windows. Також цей плагін створює і превью зображень у провіднику для Диспетчера малюнків Microsoft Office. Завантаження представлене нижче.

Розробники додатків PaintShop Pro, IrfanView, Picasa, XnView, Gimp, Paint.NET та інших теж створили підтримку WebP, завантажити яку можна вже з їхніх офіційних сайтів безпосередньо.

Кому це потрібно? За та проти

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

Якщо проект передбачає використання великої кількості картинок різних за розміром і роздільною здатністю, то, безсумнівно, вводити цей формат потрібно.

PNG (124 Kb)

WebP (78Kb)

Що стосується підтримки браузерів, то з кожним роком, якщо не півріччям, у світі загалом старі версії йдуть у минуле, як і старі версії Windows. Майже не використовується XP, Vista, 7-ка. Аналогічно і застарілі браузери, тим більше майже всі вони оновлюються автоматично, якщо встановлені. Відповідно, підтримки WebP немає в поодиноких випадках, які можуть бути для проекту не такі критичні.

З іншого боку, існують бібліотеки та можливість використання JPEG дубляжів та конвертації «нальоту».

Тим не менш, потрібно пам'ятати, що повсюдного використання цього формату немає, тому мати під рукою варіації JPEG треба. І тут знову подвійність: якщо браузери відвідувачів сайту мають підтримку WebP, то чому б не запропонувати їм майже миттєве завантаження того, що в інших завантажуватиметься помітно довше? Адже загалом на конверсію сайту це лише позитивно впливатиме.

Ще один плюс - підтримка прозорості (альфа-канал),тобто аналогічно до PNG формату. І якщо PNG картинка важить більше 7 Mb, то WebP близько 700 Kb.

Де використовуєтьсяWebP

З першого разу, відвідуючи той чи інший сайт, сказати з упевненістю, чи використовується WebP чи ні - не можна. Справа в тому, що зображення можуть конвертуватися в JPEG. Але визначити, де саме на сторінці є WebP, а де - JPEG можна через консоль розробника. Так, наприклад, портал відеоігор Stevivor конвертує скріншоти, карти та великі зображення саме у WebP, для збереження якості та невеликого розміру. Відеогра багато, гайдів для кожної одиничної гри теж, картинок ще більше - використання 100% виправдане.

Telegram зберігає у форматі WebP картинки-стікери, які такі популярні і на десктопному варіанті соцмережі, і на мобільному.