Tiimin huomioita tekniikasta, tiedostomuodoista ja niistä pienistä päätöksistä, jotka tekevät hyvän lopputuloksen.
AVIF:n yhteensopivuustilanne vuonna 2026
AVIF:n selaintuki saavutti noin 94,3 prosenttia maailman selaimista vuoteen 2026 mennessä, mutta selaintuki ei ole koko kuva. Suuri osa kuvien käytöstä tapahtuu selainten ulkopuolella: sähköpostiohjelmat jotka piirtävät upotettuja kuvia, suunnittelutyökalut jotka avaavat tiedostoja muokattaviksi, sisältöjärjestelmät jotka tarkistavat ja käsittelevät lähetyksiä uudelleen, kuvien toimitusputket, asiakirjaeditorit jotka upottavat aineistoja ja sosiaaliset alustat jotka käsittelevät kuvia lähetyshetkellä. Useimmissa näistä selaimen ulkopuolisista järjestelmistä AVIF-tuki laahaa selvästi selainten käyttöönoton jäljessä. Gmail, Outlook ja useimmat yritysten sähköpostiohjelmat käsittelevät kuvia yhä vanhempien putkien läpi jotka hylkäävät AVIF-muodon. Adobe Creative Cloud lisäsi AVIF-tuen vasta vuoden 2024 lopun versioissa. Monet WordPress-asennukset vanhemmilla kuvalisäosilla estävät yhä AVIF:n lähetyksen yhteydessä. WebP sen sijaan on otettu käyttöön lähes kaikilla näistä alustoista vuosia sitten. AVIF:n muuntaminen WebP-muotoon on silta tähän selaimen ulkopuoliseen infrastruktuuriin.
Miksi muunnos on nopea molemmilla puolilla
AVIF:n WebP:hen nähden saama nopeusetu vastakkaiseen suuntaan verrattuna johtuu siitä, miten koodekit ovat rakentuneet. AVIF luetaan sisäisellä selainlukijalla, joka toimii laitteistokiihdytyksellä nykyaikaisissa laitteissa. WebP tallennetaan selaimen omalla sisäisellä WebP-toiminnolla, myös laitteistokiihdytettynä useimmilla alustoilla. Kumpikaan toiminto ei tarvitse ladata raskasta osaa, joka on AVIF:n luomisen pullonkaula. AVIF-tuloksen ohjelmaosa on suuri ja tarvitsee noin sekunnin käynnistyäkseen istuntoa kohti. AVIF WebP-muotoon ohittaa kaiken tämän. Putki lukee ja sitten tallentaa sisäisiä reittejä pitkin, ja koko edestakainen matka 2 megapikselin kuvalle valmistuu reilusti alle sekunnissa missä tahansa nykyaikaisessa työpöytä- tai kannettavan selaimessa. Tämä tekee AVIF:stä WebP-muotoon sopivan vuorovaikutteisiin työnkulkuihin joissa käyttäjä odottaa vastausta alle sekunnissa.
Kuinka paljon yksi tallennusvaihe oikeasti maksaa
AVIF:n muuntaminen WebP-muotoon sisältää yhden tallennusvaiheen. AVIF tallennettiin alun perin jollakin määrällä häviöllistä pakkausta. Sen lukeminen antaa kuvapistearvoja jotka heijastavat tuota häviöllistä lähdettä. WebP-toiminto lisää sitten oman pakkauksensa noiden kuvapisteiden päälle lähes häviöttömällä asetuksella joka on viritetty laatuun 85. Tällä asetuksella tulos mittaa noin 44 dB PSNR tavallisessa kuvasisällössä. Katsojalle joka tarkastelee valokuvaa normaalikoossa, ero AVIF-lähteen ja WebP-tuloksen välillä ei näy. Grafiikalle jossa on hyvin hienoa tekstiä pienikokoisena, kuvapisteentarkkoja kuvakkeita tai kovareunaisia värilohkoja, kahden häviöllisen kierroksen kasautunut vaikutus voi näyttää hienovaraisia eroja tarkemmin katsottaessa. Ennen kuin sitoudut muuntamaan koko kirjaston, testaa edustava otos täydellä suurennoksella laatuherkimmillä aineistoillasi.
Läpinäkyvyyden edestakainen matka yksityiskohtaisesti
AVIFin läpinäkyvyys on koodattu erillisenä kerroksena, jonka selain purkaa värisisällön kanssa tiedostoa luettaessa. Kun selain lukee AVIF:n, se tuottaa sekä väripuskurin että alfamaskin. Muunnos yhdistää molemmat täydellä läpinäkyvyydellä säilyttäen jokaisen osittain läpinäkyvän kuvapisteen. WebP-toiminto kirjoittaa sitten häviöllisen WebP:n jossa on erillinen läpinäkyvyyskanava koodattuna WebP:n häviöttömällä algoritmilla nimenomaan alfatasolle. Tuloksena on, että WebP-tuloksen läpinäkyvyysmaski tallennetaan häviöttömästi suhteessa AVIF:stä luettuihin läpinäkyvyysarvoihin. Pehmeät liukuvärit ja pehmennetyt reunat säilyvät. Ainoa läsnä oleva alfahäviö on se jonka AVIF:n alkuperäinen tallennus toi mukanaan. Jos lähde-AVIF:llä on puhtaat alfareunat, myös WebP-tuloksella on, samalla maskilla valmiina yhdistettäväksi minkä tahansa taustan päälle.
Tuloksen vertaaminen vaihtoehtoihin
Kun sinun täytyy tehdä AVIF:stä yhteensopiva järjestelmän kanssa joka ei lue AVIF-muotoa, sinulla on kolme realistista vaihtoehtoa: muunna WebP-muotoon, muunna PNG-muotoon tai muunna JPG-muotoon. JPG on väärä valinta mille tahansa aineistolle jossa on läpinäkyvyyttä, koska JPG:llä ei ole alfakanavaa ja se tasoittaa sen yhtenäiseksi väriksi. PNG tuottaa suurimman tiedoston, tyypillisesti kolmesta kymmeneen kertaa AVIF-koon, ja on oikea valinta vain kun tarvitset häviöttömän välimuodon tai vastaanottaja vaatii nimenomaan PNG-muotoa. WebP asettuu keskelle: se tarjoaa yleisen nykyaikaisen yhteensopivuuden, säilyttää läpinäkyvyyden ja tuottaa tiedoston joka on yleensä 20 ja 25 prosentin verran suurempi kuin AVIF eikä 300 ja 1000 prosentin verran suurempi kuten PNG. Mille tahansa yhteensopivuusmuunnokselle joka ei vaadi häviötöntä tulosta, WebP on oikea välimuoto.
Yksittäinen selaimessa, erät palvelimella
Tämä pari pyörii kahdella tavalla työn mukaan. Yksittäinen AVIF puretaan ja tallennetaan uudelleen WebP-muotoon kokonaan selaimesi sisällä natiiveja reittejä pitkin, joten yhden tiedoston kohdalla ei ole lainkaan lähetystä, vahvistettu nollalla lähtevällä pyynnöllä sivun latauduttua. Se on oikea reitti johonkin nopeaan ja luottamukselliseen asiakastyöhön, omiin tuotekuviin tai asiakirjoihin, jotka pidät mieluummin koneellasi. Usean tiedoston muuntaminen kerralla tehdään palvelimellamme, koska ryhmittely, pakkaaminen ja joukon toimittaminen on työ, jonka palvelin tekee hyvin: tiedostot nousevat ylös, koodataan, paketoidaan ja annetaan takaisin yhtenä latauksena, joka poistetaan noin 2 tunnin sisällä, ilman pitkäaikaista säilytystä. Käytännössä: yksittäinen muunnos ei koskaan poistu laitteelta, ja erä käsitellään etänä mutta pidetään vain sen lyhyen ikkunan ajan, jonka lataus vie.