AVIF vs JPEG XL: Кой формат спечели?

Използвайте AVIF, защото той се поддържа от всеки голям браузър, докато JPEG XL – не. Повечето технически показатели сочат JPEG XL като по-силния формат, предлагащ беззагубно прекодиране на JPEG, прогресивно декодиране и отлично качество на байт. Въпреки това, за практически цели, той не е приложим в отворената мрежа.

Chrome премахна поддръжката на JPEG XL през 2023 г., позовавайки се на недостатъчен интерес от страна на екосистемата, а без Chrome нов уеб формат за изображения няма как да се наложи. AV1 Image File Format (AVIF) имаше предимството да се възползва от AV1 – видеокодек, в който разработчиците на браузъри вече инвестираха. По-добрата технология загуби от тази с по-силна дистрибуция, което не е нов модел в историята.

Сравнение между двата формата

JPEG XL печели по скорост на кодиране, прогресивно зареждане и беззагубно конвертиране на JPEG, докато AVIF печели по единствения показател, който определя практическото му използване – поддръжката от браузърите.

Редът за беззагубно прекодиране на JPEG показва възможността, която уеб пространството загуби. JPEG XL може да преопакова съществуващ JPEG с около 20 процента по-малък размер и да го възстанови обратно до абсолютно идентичния оригинален файл, което щеше да позволи на архивите да се свият без никакъв риск.

Защо Chrome премахна JPEG XL

Chrome се позова на недостатъчен интерес от страна на екосистемата, ограничени ползи спрямо съществуващите формати и разходите за поддръжка на още един декодер. Решението беше обявено през 2022 г. и влезе в сила през 2023 г.

Това решение беше оспорвано тогава и остава такова и до днес. Поддръжниците посочиха измерими предимства при компресията и подкрепата от няколко големи издатели на изображения. Контрааргументът беше, че AVIF вече предоставя по-голямата част от ползите, използвайки декодер, който браузърите вече поддържат за видео. Която и гледна точка да е правилна, формат без поддръжка от Chrome не може да се предлага на по-голямата част от уеб трафика.

Къде все още се използва JPEG XL

JPEG XL оцелява в професионалната фотография, архивното съхранение и софтуера на Apple, където един доставчик контролира цялата верига. Safari добави поддръжка през 2023 г., което поддържа формата жив на платформите на Apple.

• Фотоархивите използват беззагубното прекодиране на JPEG, за да намалят необходимото пространство без риск от загуба на качество.
• Професионалните работни процеси с камери се възползват от голямата дълбочина на цвета и поддръжката на широко цветово пространство.
• Платформите на Apple могат да го декодират, което го прави приложим в затворени екосистеми.
• Медицинските и научните изображения ценят беззагубния режим и прогресивното декодиране.
• Не и отворената мрежа, където даден формат трябва да работи във всеки браузър, за да бъде използваем.

Кога да използвате AVIF в уебсайт

Използвайте AVIF за най-големите си снимки, където той спестява между 20 и 30 процента в сравнение с WebP. Предимството нараства с размера на изображението и изчезва при малки графики.

Водещите изображения (hero), банерите по цялата ширина на екрана и фотогалериите са най-подходящите случаи. Под около 10 KB файлът AVIF често е по-голям от еквивалента си в WebP, тъй като служебната информация в контейнера надвишава ползата от компресията. Разделянето на библиотеката по размер – с AVIF за тежките изображения и WebP за всичко останало – осигурява по-голямата част от ползите без излишни разходи за кодиране.

Цената на кодирането в AVIF

AVIF се кодира няколко пъти по-бавно от WebP, което има значение при големи партиди, а не при единични изображения. Снимка, която се конвертира в WebP за по-малко от секунда, може да отнеме няколко секунди в AVIF.

При партида от 500 изображения разликата се измерва в минути. Тази цена се плаща веднъж за изображение и никога повече, тъй като декодирането е бързо във всеки поддържащ браузър. Планирайте голямо конвертиране, когато компютърът не е натоварен с други задачи, и дръжте раздела на браузъра отворен на преден план, тъй като браузърите ограничават ресурсите за фонови раздели и забавят работата значително.

Как да използвате AVIF безопасно

За да използвате AVIF, без да нарушавате работата на по-старите браузъри, следвайте тези 5 стъпки.

1. Идентифицирайте най-големите изображения на всяка страница, които обикновено са водещите банери и основните снимки.
2. Намалете всяко изображение до ширината, която заема на страницата, удвоена за екрани с висока плътност на пикселите.
3. Конвертирайте в AVIF с качество между 60 и 70, тъй като AVIF запазва детайлите при по-ниски стойности в сравнение с JPEG.
4. Конвертирайте същия източник в WebP като втори вариант и запазете оригиналния JPEG като краен резервен вариант.
5. Предоставете и трите формата чрез елемента picture, като AVIF е на първо място, WebP на второ, а JPEG е в тага img.

Браузърът избира първия формат, който разбира, така че нищо не се чупи. Писането на HTML кода обикновено отнема повече време от самото конвертиране на файловете.

Настройките за качество на AVIF се държат различно

Качество 60 при AVIF изглежда съпоставимо с качество 85 при JPEG, така че познатите стойности не са същите. Използването на навиците от JPEG при работа с AVIF води до създаване на файлове, които са много по-големи от необходимото.

Започнете с качество 60 за снимки и регулирайте оттам. Внимавайте за специфичен дефект: при агресивни настройки AVIF е склонен да заглажда фините текстури, вместо да създава пикселизирани блокове, което може да накара трева, коса и тъкани да изглеждат като нарисувани. Този артефакт е по-малко неприятен от блоковете при JPEG и лесно може да бъде пропуснат, докато някой не го посочи.

Как печели или губи даден формат

Дистрибуцията определя съдбата на форматите за изображения, а не техническите предимства, и разработчиците на браузъри контролират тази дистрибуция. Същият модел доведе до успеха на WebP, който успя, защото Chrome го внедри, и до неуспеха на JPEG 2000, който се провали, въпреки че беше технически напреднал.

AVIF се възползва от решение, взето за видеото, а не за изображенията. Разработчиците на браузъри вече бяха инвестирали в AV1, за да намалят разходите за стрийминг, така че добавянето на формат за изображения, изграден върху същия декодер, им костваше много малко. JPEG XL изискваше нов декодер, нова поддръжка и нова повърхност за сигурност – полза, която браузърите оцениха като незначителна спрямо това, което вече предлагаха.

Засяга ли всичко това обикновените потребители

Не, повечето хора никога не избират формат за изображения директно, а решението се взема от платформата, чрез която публикуват. Дебатът има значение за собствениците на сайтове, фотографите и разработчиците, които контролират собственото си доставяне на съдържание.

Всеки, който публикува в онлайн магазин, социална мрежа или хоствана платформа за създаване на сайтове, качва JPG или PNG и оставя платформата да извърши прекодирането. Темата за формата ви засяга само когато контролирате файловете, които посетителят изтегля, поради което тя доминира в дискусиите за уеб производителност и е невидима навсякъде другаде.

Какво означава това за вашата библиотека

Пазете оригиналите без загуба на качество, публикувайте в AVIF и WebP и игнорирайте споровете за форматите. Форматите за разпространение се променят на всеки няколко години, докато оригиналният файл остава полезен неограничено време.

Всеки, който е конвертирал цяла библиотека във формат за разпространение и е изтрил оригиналите, вече се е сблъсквал с този проблем. Пространството за съхранение е евтино в сравнение с повторното заснемане на каталог, така че практичната стратегия е да съхранявате най-добрата версия, която имате, и да генерирате копия за уеб толкова често, колкото се променят тенденциите в мрежата.

Ще се върне ли JPEG XL

Завръщането би изисквало Chrome да промени решението си, а за момента няма съобщения, които да подсказват подобен план. Поддръжката от Safari и постоянният интерес от софтуера за фотография предпазват формата от пълно изчезване.

Формати са се завръщали и от по-лоши позиции, така че въпросът остава отворен. Изграждането на уебсайт около тази възможност обаче би било неразумно. Използвайте AVIF и WebP за уеб днес, пазете оригиналите във формат без загуба на качество и приемането на всеки бъдещ формат ще се превърне просто в групово конвертиране, а не в цялостно преустройство.

Конвертиране на библиотека в AVIF

Конвертирайте от оригиналния файл, а не от съществуващ JPEG, тъй като източникът с компресия пренася дефектите в новия файл. Кодерът на AVIF хаби байтове, за да описва артефакти от JPEG, които не може да разграничи от реалните детайли.

Добавете до 500 файла наведнъж или качете ZIP архив и цялата партида ще се кодира наведнъж. Всичко се изпълнява в браузъра ви на вашия собствен процесор, така че фотографски библиотеки, клиентски проекти и непубликувани рекламни материали никога не достигат до сървър. Локалното кодиране също така означава, че голямата партида се обработва със скоростта на вашата машина, а не със скоростта на качване в интернет.