Napsautat kuvaa verkkosivulla hiiren oikealla painikkeella, tallennat sen ja saat .webp-tiedoston. Kuvankäsittelyohjelmasi ei tunnista sitä. Lomake, johon sinun pitäisi ladata se, hylkää sen. Viisi vuotta sitten tätä formaattia ei juurikaan tunnettu. Tänään se on kaikkialla.
WebP:n nousu epäselvästä Google-kokeilusta webin hallitsevaksi kuvaformaatiksi on tarina suorituskyvyn taloustieteestä, selainpolitiikasta ja ohjelmistoekosysteemien hitaasta luonteesta.
Miksi Google loi WebP:n
Vuonna 2010 kuvat muodostivat noin 60 % keskimääräisen verkkosivun kokonaiskoosta. Googlella, jonka liiketoiminta riippuu nopeasta web-selaamisesta, oli vahva kannustin tehdä kuvista pienempiä.
WebP rakennettiin VP8-videokoodekille — samalle pakkausteknologialle WebM-videon takana. Googlen oivallus oli, että videokodaustekniikat, joita on optimoitu vuosikymmeniä, voitiin sovittaa still-kuville päihittämään vanheneva JPEG-standardi (vuodelta 1992) ja raskaampi PNG-formaatti.
Tulokset olivat merkittäviä:
| Vertailu | Koon pienennys |
|---|---|
| WebP vs JPEG (sama laatu) | 25–35 % pienempi |
| WebP vs PNG (sama laatu) | 26 % pienempi |
| WebP animoitu vs GIF | 60–80 % pienempi |
Formaatti, joka tekee kaiken WebP on poikkeuksellinen, koska se tukee häviöllistä pakkausta (kuten JPEG), häviötöntä pakkausta (kuten PNG), läpinäkyvyyttä/alfakanavaa (kuten PNG) ja animaatiota (kuten GIF) — kaikki yhdessä formaatissa. Mikään aiempi formaatti ei yhdistänyt kaikkia neljää ominaisuutta.
Hidas tie käyttöönottoon
Parempi formaatti ei yksin riitä. WebP:n käyttöönottotarina paljastaa, miten selainpolitiikka muokkaa webiä:
- 2010 — Google julkaisee WebP:n. Vain Chrome tukee sitä.
- 2011–2014 — Opera lisää tuen. Firefox ja Safari kieltäytyvät vedoten formaattipirstaloitumiseen.
- 2018 — Firefox 65 lisää vihdoin WebP-tuen vuosien vastustuksen jälkeen.
- 2020 — Apple lisää WebP-tuen Safari 14:ään ja iOS 14:ään — viimeinen suuri pidättäytyjä.
- 2022–nykyhetki — Universaalin selaintuen myötä käyttöönotto kiihtyy nopeasti.
10 vuoden kuilu luomisen ja universaalin tuen välillä selittää paljon. Verkkokehittäjät eivät voineet turvallisesti käyttää WebP:tä ennen kuin kaikki suuret selaimet tukivat sitä, koska tukemattoman formaatin tarjoaminen tarkoittaa rikkinäisiä kuvia. HTML:n <picture>-elementti, joka mahdollistaa eri formaattien tarjoamisen eri selaimille, oli siltatekniikka asteittaiseen käyttöönottoon.
Miksi kaikki verkkosivustot käyttävät sitä nyt
Kannustimet WebP:n tarjoamiseen ovat ylivoimaisia:
- Googlen hakualgoritmi huomioi sivunopeuden sijoituksissa. Google PageSpeed Insights suosittelee nimenomaisesti WebP:tä. Sen käyttämättä jättäminen laskee suorituskykypisteitäsi.
- Kaistanleveys maksaa rahaa. Suuri verkkokauppa, joka tarjoilee miljoonia kuvia, säästää tuhansia euroja kuukaudessa vaihtamalla JPEG:stä WebP:hen.
- Käyttökokemus paranee. Sivu, jossa on 20 tuotekuvaa, säästää 2–3 MB WebP:llä. Mobiiliyhteyksissä se on ero 2 sekunnin ja 6 sekunnin sivulatauksen välillä.
- CMS-alustat automatisoivat sen. WordPress muuntaa kuvat WebP:ksi automaattisesti versiosta 5.8 alkaen. Shopify, Squarespace ja useimmat nykyaikaiset alustat tekevät samoin.
Tuloksena kun tallennat kuvan verkosta tänään, saat melkein aina WebP:n — vaikka alkuperäinen ladattiin JPEG:nä. Palvelin havaitsee, että selaimesi tukee WebP:tä ja tarjoilee optimoidun version.
Yhteensopivuusongelma selainten ulkopuolella
WebP toimii täydellisesti selaimissa, joille se suunniteltiin. Ongelma on, että kuvat eivät jää selaimiin:
- Toimisto-ohjelmistot — Wordin, PowerPointin ja Excelin vanhemmat versiot eivät tue WebP:tä
- Kuvankäsittelyohjelmat — ennen vuotta 2021 julkaistut versiot monista ohjelmista eivät voi avata WebP-tiedostoja
- Painopalvelut — verkkopainopalvelut vaativat tyypillisesti JPEG, PNG tai TIFF
- Viranomais- ja instituutiolmakkeet — vaativat lähes poikkeuksetta JPEG tai PNG
- Sähköpostisovellukset — WebP sähköpostin leipätekstissä renderöityy epäjohdonmukaisesti eri sovelluksissa
Tämä luo turhauttavan kuilun: web tarjoilee WebP:tä, mutta monet jatkokäytöt vaativat JPEG tai PNG. Käytännön tarve formaattimuunnokselle ei ole katoamassa lähiaikoina.
| Konteksti | WebP tuettu? |
|---|---|
| Web-selaimet (kaikki nykyaikaiset) | Kyllä |
| Windows 11 / macOS Ventura+ kuvankatseluohjelmat | Kyllä |
| Microsoft Office (uusimmat versiot) | Kyllä |
| Vanhempi ohjelmisto, painopalvelut, lomakkeet | Yleensä ei |
AVIF: seuraava sukupolvi
WebP ei ole tarinan loppu. AVIF (AV1 Image File Format), jonka kehitti Alliance for Open Media (Google, Apple, Mozilla, Microsoft), lupaa vieläkin parempia tuloksia:
- 20 % pienempi kuin WebP vastaavalla laadulla
- Ylivertainen hienojen yksityiskohtien ja liukuvärien käsittely
- Parempi HDR ja laaja väriavaruus -tuki
- Perustuu nykyaikaiseen AV1-videokoodekkiin
AVIF-selaintuki kasvaa (Chrome, Firefox ja Safari kaikki tukevat sitä nyt), mutta käyttöönotto seuraa samaa hidasta kaavaa kuin WebP. Kestää todennäköisesti vielä useita vuosia ennen kuin AVIF korvaa WebP:n webin oletuksena, ja kun se tapahtuu, se aiheuttaa samat yhteensopivuusongelmat kuin WebP tänään.
Sykli toistuu: parempi pakkaus, hidas selaintuki, lopullinen yleistyminen ja pitkä häntä yhteensopivuusongelmia selaimen ulkopuolella.
Lue lisää
Kun sinun tarvitsee muuntaa WebP-kuvia käytettäväksi selaimen ulkopuolella:
- Muunna WebP JPG:ksi — välitön muunnos, käsitelty paikallisesti selaimessasi
- Kuvamuunnin — muunna kaikkien suurten kuvaformaattien välillä
Molemmat työkalut ovat ilmaisia ja käsittelevät tiedostosi kokonaan laitteellasi.