Бележки от екипа за майсторството, форматите и малките решения зад добрия кръгъл изрез.
Какво позволява на AVIF да смаже PNG по размер
Тайната е в основата: AVIF стъпва върху AV1, кодек, настроен спрямо човешкото око, не спрямо точност до последния байт. Насреща PNG разчита на DEFLATE над сурови пиксели, метод без загуби, който обаче оставя цялата фотографска излишност недокосната. AVIF подменя тази излишност с предсказване на блокове, заето от видеото, и зарязва детайла, който зрението така или иначе пропуска. Числата го казват по-добре от думите: онази снимка от 116 KB слиза до около 16 KB при качество 85, а прозрачен PNG обикновено губи 30 до 50 процента спрямо равностоен WebP. При висока резолюция пропастта зейва, при семпли графики се затваря. Така или иначе, за сайт с прозрачни изображения пред съвременна публика това значи по-бързи страници и по-малка сметка за трафик.
Проследяване на алфа канала през записването
PNG и AVIF държат прозрачността на отделна алфа равнина до цвета. Докато тази двойка чете вашия PNG, декодерът дърпа цветните пиксели и маската поотделно. После етапът на записване на AVIF полага своя прясна алфа пътека, облягайки се на вътрешнокадровото кодиране на AV1, за да изстиска цвят и маска заедно при качество 85. Прозрачността никога не се стапя в цвета и никога не получава запълване отзад. Сенки, меки ръбове и полупрозрачни преходи минават всички вярно. Единствената цена е, че AVIF свива и алфа равнината със загуби, което може да остави блед ореол по много остри ръбове при силно увеличение. При обикновени размери и качество 85 остава невидим. За мънички икони с пикселна точност останете на PNG.
Реалистични времена на всеки двигател
Модулът се зарежда веднъж на сесия, около 800 милисекунди за издърпване и още 300 за пускане, така че началното преобразуване носи около секунда загряване. Всяко топло пускане го прескача. Chrome за настолен компютър изчиства 0.12 мегапиксела за около 40 милисекунди, мегапиксел за около 250 и осем мегапиксела за около 2.8 секунди. Firefox изостава, отнема около четири пъти повече, което може да изтика кадър 4K отвъд 30 секунди там. Safari на WebKit каца между двете и по-близо до Chrome. Телефоните от среден клас вървят три до пет пъти по-бавно от настолния Chrome по цялата линия. Ако големите файлове са рутина, сесия Chrome на настолен компютър е най-бързото място вкъщи.
Случаи, в които PNG трябва да остане PNG
Няколко задачи още викат за PNG дори там, където теглото тежи. Острият текст в малки размери, този по етикети, значки или знаци в мащаб на favicon, може да събере артефакти на AVIF, които се четат зле отблизо. Главните файлове, които смятате да редактирате нататък, също принадлежат в PNG, тъй като всяко минаване през формат със загуби трупа загуба. Някои направления отказват AVIF направо, определени редактори на документи, по-стари дизайнерски пакети и неколцина имейл клиенти сред тях, и те искат PNG. Анимацията отвъд първия кадър също отпада тук, тъй като двойката борави с един кадър. Навсякъде другаде, за прозрачни снимки и графики, насочени към съвременен сайт, PNG в AVIF е ходът.
Случаят Core Web Vitals в числа
Метриката Largest Contentful Paint виси изцяло на най-тежката картинка в кадъра, защото докато тя не се нарисува, броячът не спира. Свалиш ли я от 116 KB на 16 KB, точно числото от теста с 4K снимка, по линия от 10 Mbps прехвърлянето на този елемент пада от около 93 на около 13 милисекунди. Умножи спестеното по цяла продуктова решетка, по въртящ се hero или по табло, отрупано с прозрачни икони, и сборът смъква LCP удобно под прага от 2.5 секунди, който Google брои за добър. Тъкмо защото доводът се пише в твърди числа, а не в обещания, AVIF тръгна нагоре толкова бързо. При обхват около 94.3 процента връщането назад е рядкост, тъй че печалбата надделява над шепата допълнителен picture код.
С какво се отличава от обикновен онлайн конвертор
Почти всеки онлайн AVIF конвертор изпраща вашия PNG към отдалечена техника и после пази резултата според правилата за съхранение, които поддържа онзи оператор, често оставени неясни. Araluma е ясен за това как работи. Тъй като AVIF е тежък, за най-чист резултат преобразуването върви на нашия сървър, а кодиращ модул в браузъра се включва сам, когато сървърът е извън обсег. Когато файлът ви достигне до нас, той се кодира и после се изчиства за около 2 часа, без искане на акаунт и без употреба извън преобразуването, което сте започнали. Нищо не се съхранява дълго и нищо не се споделя. За този, който води клиентска работа, непубликувани продуктови снимки или потребителско съдържание, честната форма на размяната е тази: файлът може да мине през нашия сървър, докосва се само за да изгради вашия AVIF, и не се задържа.
