Anteckningar från teamet om hantverk, format och de små beslut som ligger bakom ett bra resultat.
Varför AVIF slår WebP på foton
AVIF:s kompressionsfördel mot WebP kommer från kodeken under huven. WebP kör -intra-frame-motorn, gjord för video men använd för stillbilder sedan 2010. ett modernt format, kodeken bakom AVIF, kom 2018 efter år av forskning riktad rakt mot gränserna för och. ett modernt format tillämpar aggressivare kromasubsampling, finare blockdelning ner till 4 gånger 4 pixlar och en effektivare entropikodare. Det praktiska resultatet, bekräftat av -analys på stora fototestmängder, är att AVIF på foton oftast är 20 till 30 procent mindre än WebP vid samma upplevda kvalitet. På datorskapad grafik med platt färg och hårda kanter krymper avståndet, eftersom WebP:s enklare algoritm hanterar de mönstren effektivt. För varje sida vars tyngsta innehåll är foton har AVIF-bytet mätbar bandbreddseffekt.
Det andra förstörande varvet i praktiken
När du konverterar en WebP till AVIF är både källa och utdata förstörande. WebP:n bestämde redan vid första skapandet vilken färginformation som kastas, och de besluten sitter fast: konvertering till AVIF kan inte hämta tillbaka något av det. AVIF-konverteringen fattar sedan sina egna beslut om pixeldatan den tar emot, vid kvalitet 85. För foton är den samlade effekten av två förstörande varv vid vanliga visningsstorlekar fortfarande visuellt nästan förlustfri och mäter runt på äkta fotomaterial. För grafik som redan slitits av sin WebP-sparning kan det andra varvet hopa på synliga artefakter. Tumregeln: ser käll-WebP:n ren ut vid storleken du tänker visa den i, gör AVIF:en det också. Visar WebP:n redan kompressionsbrus, granska AVIF:en noga innan du skickar den.
Hur alfakanalen tar sig igenom
Både WebP och AVIF lagrar transparens som ett separat alfaplan bredvid färgdatan. Konverteringen läser WebP:ns alfakanal, sätter samman den vid full transparens och lämnar den sedan till AVIF-konverteringen, som skriver sitt eget alfaspår med ett modernt format vid kvalitet 85. Mjuka transparensövergångar, fjädrade kanter och delvis genomskinliga zoner klarar alla rundresan. AVIF-alfaplanet är vid kvalitet 85 självt förstörande, vilket vid extrem inzoomning kan ge en knappt märkbar frans på hårda kanter. Vid normala webbstorlekar syns inte skillnaden mot källan. För pixelexakt arbete på små ikoner där alfakanten måste vara exakt, behåll WebP-källan och kontrollera utdatan vid full inzoomning innan du skickar den.
Hastighetsförväntningar per motor och enhet
AVIF-uppvärmningen sker en gång per webbläsarsession och lägger på cirka en sekund på första konverteringen. Därefter ger Chromium bäst genomströmning: runt 40 millisekunder för en miniatyr på 0,12 megapixel, 250 millisekunder för ett foto på 1 megapixel, 2,8 sekunder för ett 4K-foto och 25 sekunder för en full 48-megapixelbild i värsta observerade fall. Firefox är den tydliga avvikaren och drar samma rutin ungefär fyra gånger långsammare, vilket lägger 4K-fallet nära 31 sekunder och stora filer förbi två minuter. WebKit hamnar mellan de två, närmare Chromium. Mobil maskinvara går 3 till 5 gånger långsammare än desktop oavsett motor. För rutinkonvertering fil för fil är Chrome på en laptop eller desktop det praktiska verktyget. För Firefox-användare med stora bilder är det ärliga rådet att byta webbläsare eller stanna på WebP.
Core Web Vitals och AVIF-bytet
Sidor som levererar foton betalar bandbredd för varje laddad bild. Är de bilderna WebP i dag skär konvertering till AVIF överföringen per bild på foton med runt 20 till 30 procent. På en sida med en WebP-huvudbild på drar AVIF ner den till runt noticeably smaller. På ett produktrutnät med tolv WebP-miniatyrer på sparar AVIF runt noticeably smaller total vikt. De besparingarna slår direkt igenom på Largest Contentful Paint när LCP-elementet är en bild. Med AVIF-stöd nära 94 procent globalt täcker ett picture-element som ger AVIF först och WebP bakom i stort sett all trafik. Markup-kostnaden betalas en gång per bildkomponent, medan bandbreddsvinsten återkommer vid varje sidladdning därefter.
Varför AVIF-konvertering lutar sig mot en server
AVIF bygger på ett modernt format, samma familj som modern video, och är medvetet tung att skapa i utbyte mot kompakta filer. Att göra det jobbet bra, särskilt på stora foton, går mycket snabbare och stabilare på en riktig server än i en mobils webbläsare, så det här paret skickar bilden till vår server för att skapa bästa möjliga AVIF. Filen bearbetas och resultatet kommer tillbaka till dig, och nedladdningen tas bort inom ungefär 2 timmar, utan personliga uppgifter och utan långtidslagring. Att konvertera flera bilder på en gång körs alltid på servern, som sätter ihop den färdiga uppsättningen till en nedladdning, raderad inom samma korta tid. Om vår server inte kan nås skapas en ensam konvertering i stället i webbläsaren, den filen stannar lokalt, och tar ett långsammare skapande för bekvämligheten. Bytet är tydligt: servern köper kvalitet och fart på det format som behöver det mest, och din fil behålls aldrig bortom det korta fönster konverteringen tar.