WebP у JPG: коли конвертувати, коли ні і чому так буває

Google випустила WebP у 2010 році як меншу заміну JPG в інтернеті, і десять років цей формат лишався нішевим, бо Safari його не відображав. Усе змінилося, коли Apple додала підтримку WebP у Safari 14 і macOS Big Sur у 2020 році. Щойно кожен великий браузер навчився його показувати, компанії, що віддають зображення у великих обсягах, перейшли на нього, і зробили це на боці сервера, де ви не бачите самого рішення і де ніщо на сторінці не підказує, який формат ви насправді дивитеся.

Наприклад, CDN зображень Shopify віддає WebP будь-якому браузеру, який заявляє, що може його показати, навіть якщо фото товару завантажили як JPG. Google Images показує попередні перегляди у WebP. WordPress приймає завантаження WebP з версії 5.8 у 2021 році; план конвертувати завантажені JPG у WebP за замовчуванням скасували до виходу версії 6.1, але плагін Modern Image Formats від команди продуктивності WordPress і багато оптимізаторів зображень на хостингах роблять саме це. Результат скрізь однаковий: на комп’ютері власника сайту файл був JPG, а до вашого дійшов уже як WebP.

Браузер охоче в цьому бере участь. Кожен запит зображення від Chrome, Edge і Firefox містить заголовок Accept зі списком image/webp (і image/avif), а сервер, що підтримує узгодження формату, читає цей список і вибирає найменший формат, який ви можете показати. Коли ви клацаєте правою кнопкою й вибираєте Зберегти зображення як, браузер зберігає байти, які вже отримав. Тому назва файлу в адресному рядку може закінчуватися на .jpg, а на диск він потрапляє як WebP, іноді навіть із подвійним розширенням на кшталт .jpg.webp.

Браузери вже багато років не є проблемою. Труднощі виникають скрізь, де вони не діють: у настільному програмному забезпеченні, встановленому до 2022 року, у формах завантаження, чий список дозволених форматів склали раз і більше не чіпали, у типографських системах, побудованих на JPG і TIFF, і в поштових клієнтах, що показують вбудовані зображення власним декодером. Ніхто з них не повідомляє про збій зрозуміло. Портал друку просто відмовляється від файлу, державна форма пише, що формат недійсний, а старіший Photoshop показує загальне повідомлення «не вдалося виконати ваш запит», де про WebP немає ні слова.

Adobe додала нативне відкриття та збереження WebP у Photoshop у версії 23.2, випущеній у лютому 2022 року; усе старіше потребує стороннього плагіна. Lightroom Classic роками не імпортував WebP, тож бібліотека зі старішою версією мовчки пропустить такі файли під час імпорту. У Windows застарілий Windows Photo Viewer узагалі не відкриває WebP, а застосунок «Фотографії» у Windows 10 залежить від пакета Microsoft WebP Image Extensions зі Store. Найсуворіші — форми завантаження: наприклад, завантаження візового фото DS-160 Державного департаменту США приймає лише JPEG, а багато університетських і кадрових порталів вказують JPG, PNG і PDF, і більше нічого.

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

Фото товару, шпалери, зображення рецепта чи відпускний знімок варто зберігати в JPG: він буде в рази меншим за PNG і виглядатиме так само. Логотип, іконку, стікер, вирізаний товар на прозорому тлі або скриншот, повний тексту, краще зберегти в PNG, бо JPG або заповнить прозорі ділянки суцільним кольором, або розмиє чіткі краї літер. Якщо не можете визначити, відкрийте файл у вкладці браузера з темною темою: якщо навколо об’єкта видно шахівницю або темне тло сторінки, зображення має прозорість і потребує PNG.

Конвертація WebP із втратами у JPG розкодовує пікселі й кодує їх знову іншим методом, тому результат не збігається побітово. На практиці за якості JPG 85–90 різниця набагато нижча за те, що видно в звичайному масштабі, навіть на екрані з високою роздільною здатністю. Помітна втрата в завантаженому WebP сталася раніше, коли сайт його стискав, і конвертація не поверне ці деталі; вона лише не додає багато нових втрат. Друга чи третя конвертація накопичувала б втрати, тож конвертуйте один раз, зі збереженого WebP, а не перетворюйте формат по ланцюжку.

Три речі змінюються так, що ви можете це помітити. Файл збільшується, зазвичай на третину або більше, бо JPG менш ефективний формат; якщо форма має ліміт у KB, спершу конвертуйте, а потім стисніть до 100 KB або до потрібного ліміту. Прозорість зникає: у конвертері WebP у JPG параметр Прозорі ділянки за замовчуванням заповнює ці пікселі кольором Білий, або Чорний, або Власний колір. І анімація втрачається, бо JPG містить один кадр, і зберігається лише перший.

Не менш важливо, що не змінюється: розміри в пікселях, орієнтація та кольори лишаються тими самими, а вбудований колірний профіль зберігається, поки ввімкнено Зберегти колірний профіль. Якщо конвертуєте для друку, підніміть Якість до 90 або вище; додаткові байти нічого не коштують у фотолабораторії й прибирають сумніви щодо плавних градієнтів у небі та на шкірі. Для завантажень із жорстким лімітом у KB 80 зазвичай ще дає чисте фото й залишає більше запасу під лімітом, ніж 90. Нижче приблизно 70 навколо тексту й тонких ліній починають з’являтися блокові краї.

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

Наведені нижче прийоми впорядковано від найнадійнішого до найменш надійного. Жоден не вимагає нічого незвичайного: це звичайні дії в браузері та посилання для завантаження, які сайт уже пропонує. Прийом, який найчастіше радять в інтернеті, — додати ?format=jpg в кінець адреси зображення — водночас найменш надійний. Він працює, лише коли CDN зображень читає параметр саме з такою назвою, а більшість не читає, тож ви отримуєте той самий WebP без помилки, яка б сказала, що прийом не спрацював.

Якщо ви зберегли каталог товарів, добірку референсів або папку шпалер, конвертувати файли по одному швидко набридає. Конвертер приймає до 20 файлів за раз, до 95 MB кожен, застосовує до всіх однакові налаштування Якість і Прозорі ділянки та повертає один ZIP. Файли видаляються із сервера через 30 хвилин після обробки, а встановлювати нічого не потрібно. Папка зі 100 зображень — це п’ять партій.

Відсортуйте папку перед початком. Фотографії складіть в одну партію для JPG, а логотипи, іконки та все з прозорим тлом — в іншу для WebP у PNG, щоб навколо них не з’явилася біла рамка. Якщо ви працюєте на Mac, команда Експортувати у Preview конвертує окремі файли, а користувачі командного рядка можуть запустити mogrify -format jpg *.webp з ImageMagick для дуже великих папок. Обидва способи дають такий самий результат, як і конвертер у браузері; різниця лише в тому, скільки налаштувань ви готові робити.

У Chrome, Edge чи Firefox немає налаштування «зберігати зображення як JPG», і це не недогляд. Браузер не обирає формат: він повідомляє, які формати може показати, а сайт вибирає один із них. Chrome зберігає саме те, що отримав, без перекодування, і це правильно: тихе конвертування під час збереження додало б втрати якості, про які ви не просили. Тож зміна браузера рідко допомагає. Кожен сучасний браузер вказує WebP у заголовку Accept, і всі отримують від сайту той самий WebP.

Лишаються три практичні варіанти. Можна отримати оригінал через сам сайт за кроками вище. Можна встановити розширення, яке перекодовує зображення під час збереження, — це те саме конвертування, лише з іншою кнопкою. Або зберегти WebP і конвертувати його тоді, і лише тоді, коли щось його не приймає. Третій варіант зазвичай найменш трудомісткий, бо значну частину збережених зображень лише переглядають на екранах, де WebP відкривається в кожному браузері, у Preview на macOS Big Sur і новіших та в застосунку «Фотографії» у Windows 11.

Якщо цікаво, як WebP співвідноситься з іншими сучасними форматами, які тепер віддають сайти, зокрема з AVIF, що починає витісняти WebP на тих самих CDN, дивіться AVIF, HEIC і WebP: порівняння. Практична порада з цієї статті майже не змінюється: AVIF, який програма не приймає, вирішується так само — конвертуванням у JPG для фото або PNG для графіки. Докладніше про сам формат — на сторінці проєкту WebP від Google.