Anteckningar från teamet om hantverk, format och de små beslut som ligger bakom ett bra resultat.
Vad som låter AVIF slå PNG så tydligt på filstorlek
AVIF vilar på modernt bildformat-kodeken, inställd på perceptuell effektivitet snarare än felfri trohet. PNG lutar sig mot DEFLATE över råa pixlar, icke-förstörande men blind för den redundans som fyller fotografiskt innehåll. AVIF byter den redundansen mot blockprediktionen från videovärlden och släpper detalj som synsystemet aldrig registrerar. Vinsten är brant. Det där 116 kilobyte-fotot blir runt 16 kilobyte vid kvalitet 85, och en transparent PNG faller oftast 30 till 50 procent mot en likvärdig WebP. Högupplösta foton vidgar gapet medan enkel grafik krymper det. Varje sida som skickar transparenta bilder till en modern publik översätter det till snabbare sidor och en lättare bandbreddsräkning.
Alfakanalen följd genom konverteringen
PNG och AVIF håller båda transparensen på ett separat alfaplan vid sidan av färgen. När det här paret läser din PNG drar avkodaren isär färgpixlarna och masken. AVIF-sidan lägger sedan ett eget färskt alfaspår och pressar färg och mask tillsammans med modern komprimering vid kvalitet 85. Transparensen smälter aldrig in i färgen och får aldrig en fyllning bakom sig. Mjuka skuggor, mjuka kanter och halvtransparenta toningar kommer alla över troget. Den enda kostnaden är att AVIF komprimerar alfaplanet förstörande också, vilket vid mycket hårda kanter på extrem zoom kan ge knappt synliga fransar. I normal visningsstorlek och vid kvalitet 85 förblir skillnaden osynlig. För pixelexakt ikonarbete i pyttesmå mått behåller du PNG.
Realistiska tider, webbläsare för webbläsare
AVIF-kodeken laddas en gång per session, runt 800 millisekunder att hämta plus 300 att starta, så den första körningen bär ungefär en sekunds uppvärmning. Varje varm körning hoppar över det. På Chrome på datorn klarar 0,12 megapixel runt 40 millisekunder, 1 megapixel ungefär 250 millisekunder och 8 megapixel runt 2,8 sekunder. Firefox är avvikaren, går ungefär fyra gånger långsammare, vilket kan dra ett 4K-foto förbi 30 sekunder. WebKit på Safari ligger mellan de två och närmare Chrome. På mellanklassmobiler går siffrorna tre till fem gånger sämre än på Chrome på datorn. Konverterar du stora filer ofta ger en Chrome-session på dator eller bärbar bäst genomströmning.
När PNG ska förbli en PNG
PNG är fortfarande rätt val i flera fall, även när filstorleken räknas. För det första kan grafik med skarp text i små mått, som etiketter, brickor eller ikoner i favicon-storlek, dra på sig AVIF-artefakter som läses dåligt på nära håll. För det andra bör masterfiler för vidare redigering förbli PNG, eftersom varje varv genom ett förstörande format staplar förlust. För det tredje behöver miljöer som vägrar AVIF, däribland vissa dokumentredigerare, äldre formgivningsverktyg och e-postklienter, PNG för utbytbarhet. Slutligen bevaras inte animation bortom första bildrutan, eftersom det här paret hanterar en bildruta. För allt annat, transparenta foton och grafiska resurser på väg till modern webbleverans, är PNG till AVIF rätt byte.
Fallet för Core Web Vitals i siffror
Largest Contentful Paint, den centrala laddningsmätaren, svarar direkt mot storleken på den största bilden på sidan. Att ta den bilden från 116 kilobyte till 16 kilobyte, mätt på ett 4K-foto i utveckling, klipper överföringen på en linje på 10 Mbit/s från runt 93 millisekunder till runt 13 för bara det elementet. Sprid samma minskning över ett produktrutnät, en roterande hero eller ett gränssnitt fullt av transparenta ikoner och den samlade vinsten drar LCP bekvämt under gränsen på 2,5 sekunder som Google läser som bra. AVIF tog fart just för att argumentet går att föra i rena siffror. Vid runt 94,3 procents täckning är fallback litet nog att bandbreddsvinsten väger upp den extra picture-uppmärkningen.
Hur det skiljer sig från en vanlig konverterare på nätet
De flesta AVIF-konverterare på nätet laddar upp din PNG till maskiner du inte styr över, bearbetar den där och behåller den enligt den lagringspolicy som leverantören sätter, ofta vag. RoundCut är rak om sitt flöde. Eftersom AVIF är tungt körs konverteringen på vår server för bästa resultat, med en kodare i webbläsaren som automatisk reserv när servern inte är tillgänglig. När din fil skickas till oss konverteras den och tas sedan bort inom ungefär 2 timmar, utan konto och utan någon användning utöver konverteringen du bad om. Det finns ingen permanent lagring och ingen delning av din bild. För dig som arbetar med kunddokument, egen produktfotografering eller användarinnehåll är den ärliga versionen av bytet denna: filen kan passera vår server, den hanteras bara för att skapa din AVIF och blir inte kvar.
