Notater fra teamet om håndverket, formater og de små valgene bak et godt resultat.
Hvorfor AVIF slår PNG så ettertrykkelig på filstørrelse
AVIF er bygd på det moderne bildeformatet, utformet for sansemessig effektivitet snarere enn tapsfri nøyaktighet. PNG bruker DEFLATE på rå pikseldata, som er tapsfritt, men lar enorm redundans bli igjen i fotografisk innhold. AVIF erstatter den redundansen med blokkprediksjon lånt fra video, og kaster informasjon synssansen ikke legger merke til. Resultatet er dramatisk. Et foto på 116 kilobyte blir til rundt 16 kilobyte som AVIF ved kvalitet 85, og en gjennomsiktig PNG krymper som regel 30 til 50 prosent mot en tilsvarende WebP. Gapet vider seg med fotografier i høy oppløsning og snevrer inn på enkel grafikk. For ethvert nettsted som server gjennomsiktige bilder til et moderne publikum oversettes båndbreddeinnsparingen rett til raskere lasting og lavere trafikkostnad.
Alfakanalens historie i detalj
Både PNG og AVIF lagrer gjennomsiktighet som et eget alfaplan ved siden av fargedataene. Når dette paret behandler PNG-en din, henter avkoderen ut fargepikslene og alfamasken hver for seg. Deretter skriver AVIF-programmet en ny fil med sitt eget alfaspor, og bruker moderne komprimering til å komprimere begge planene ved kvalitet 85. Alfaen bakes ikke inn i fargen og byttes ikke med et bakgrunnsfyll. Myke skygger, fjærede kanter og delvis gjennomsiktige overganger blir alle kodet trofast. Den ene forringelsen AVIF legger til er tapsbasert komprimering på selve alfaplanet, som kan skape knapt merkbar frynsing rundt svært harde kanter ved ekstrem forstørrelse. Ved normale visningsstørrelser og kvalitet 85 er forskjellen usynlig. For pikselnøyaktig ikonarbeid i bittesmå størrelser, behold PNG-en.
Lagringshastighet i praksis, nettleser for nettleser
AVIF-programmet lastes én gang per nettleserøkt, rundt 800 millisekunder å hente pluss 300 til å starte, så den første konverteringen bærer omtrent ett sekund oppvarming. Varme konverteringer hopper helt over det. I Chrome på skrivebordet tar 0,12 megapiksler rundt 40 millisekunder, 1 megapiksel rundt 250 millisekunder, og 8 megapiksler omtrent 2,8 sekunder. Firefox er avstikkeren, og kjører det samme programmet rundt fire ganger tregere, så et 4K-foto kan ta 30 sekunder eller mer der. WebKit på Safari ligger mellom de to, nærmere Chrome. På mellomklasse mobilmaskinvare løper tallene tre til fem ganger verre enn skrivebords-Chrome. Konverterer du store filer ofte, gir Chrome på skrivebord eller bærbar best gjennomstrømming.
Når du bør beholde PNG i stedet for å konvertere
PNG forblir det rette valget i flere tilfeller selv når filstørrelse betyr noe. For det første kan grafikk med skarp tekst i små størrelser, som etiketter, merker eller ikoner i favikonskala, vise artefakter i AVIF som er uakseptable ved vanlig betraktningsavstand. For det andre bør sannhetskildefiler brukt til videre redigering forbli PNG, siden hver runde gjennom et tapsbasert format hoper opp kvalitetstap. For det tredje trenger miljøer som avviser AVIF, inkludert enkelte dokumentredigerere, eldre designverktøy og e-postklienter, PNG for samvirke. Til sist bevares ikke animasjon utover første ramme, siden dette paret håndterer en enkelt ramme. For alt annet, gjennomsiktige fotografier og grafiske ressurser på vei til moderne nettlevering, er PNG til AVIF det rette byttet.
Core Web Vitals og båndbreddeargumentet
Largest Contentful Paint, den primære lastemetrikken, påvirkes direkte av størrelsen på det største bildet på en side. Å redusere det bildet fra 116 kilobyte til 16 kilobyte, slik det ble målt på et 4K-foto i utvikling, kutter overføringstiden på en 10 Mbps-tilkobling fra rundt 93 millisekunder til rundt 13 for det elementet alene. Gang det opp over et produktrutenett, et heltekarusell eller et grensesnitt fullpakket med gjennomsiktige ikoner og den samlede innsparingen presser LCP godt under terskelen på 2,5 sekunder Google regner som god. AVIF-utbredelsen akselererte nettopp fordi argumentet kan føres i harde tall. Ved rundt 94,3 prosent nettleserdekning er reservetilfellet lite nok til at båndbreddeseieren oppveier den ekstra picture-elementmarkeringen.
Hvordan dette skiller seg fra en vanlig konverterer på nett
De fleste AVIF-konverterere på nett laster opp PNG-en din til maskiner du ikke styrer, behandler den der og beholder den etter lagringsregelen leverandøren setter, ofte vag. RoundCut er tydelig om flyten sin. Siden AVIF er tungt, kjører konverteringen på serveren vår for beste resultat, med en koder i nettleseren som automatisk reserve når serveren ikke er tilgjengelig. Når filen din sendes til oss, konverteres den og fjernes så innen omtrent 2 timer, uten lagring eller deling. Det finnes ingen permanent lagring og ingen deling av bildet ditt. For deg som jobber med kundedokumenter, egen produktfotografering eller brukerinnhold er den ærlige versjonen av byttet denne: filen kan gå via serveren vår, den håndteres bare for å lage AVIF-en din, og den blir ikke liggende.
