Miksi kuvasi ovat WebP-muodossa (ja kuinka avata ne)

Napsautat kuvaa verkkosivustolla hiiren kakkospainikkeella, valitset "Tallenna kuva nimellä" ja ladattu tiedosto ei ole JPEG eikä PNG. Se on jotain nimeltä .webp. Yrität avata sen, eikä kuvankäsittelyohjelmasi tunnista sitä. Yrität ladata sen lomakkeeseen ja sivusto hylkää sen. Tutulta kuulostaa?

WebP on kaikkialla nyt, eikä se ole menossa mihinkään. Tässä on mitä se on, miksi se on olemassa ja mitä tehdä kun tarvitset hyvän vanhan JPG:n tai PNG:n sen sijaan.

Mitä on WebP?

WebP on Googlen kehittämä kuvaformaatti, ensimmäisen kerran julkaistu vuonna 2010. Se suunniteltiin yhdellä tavoitteella: tehdä kuvista pienempiä ilman niiden huonontamista.

Ja se lunastaa lupauksensa. WebP-tiedostot ovat tyypillisesti 25–35 % pienempiä kuin vastaavat JPEG-tiedostot samalla visuaalisella laadulla. Läpinäkyville kuville (kuten logoille ja kuvakkeille) WebP-tiedostot ovat noin 26 % pienempiä kuin PNG:t.

WebP saavuttaa tämän tehokkaammilla pakkausalgoritmeillä. Se tukee:

• Häviöllistä pakkausta (kuten JPEG) valokuville
• Häviötöntä pakkausta (kuten PNG) teräväreunaista grafiikalle
• Läpinäkyvyyttä (alfakanava), jota JPEG ei pysty
• Animaatiota (kuten GIF), mutta paljon paremmalla laadulla ja pienemmällä koolla

Miksi verkkosivustot rakastavat WebP:tä

Jos pyörität verkkosivustoa, jokainen kilotavu on tärkeä. Nopeammin latautuvat sivut tarkoittavat parempaa käyttäjäkokemusta, matalampia poistumisasteita ja parempia hakusijoituksia. Google on ajanut verkon suorituskykyä vuosia, ja WebP on keskeinen osa tätä strategiaa.

Tässä miksi lähes jokainen suuri verkkosivusto palvelee nyt WebP-kuvia:

Nopeammat sivulataukset

Tuotesivu jossa on 20 kuvaa voi säästää 2–3 MB käyttämällä WebP:tä JPEG:n sijaan. Hitaalla mobiiliyhteydellä se on ero sivun välillä joka latautuu 2 sekunnissa ja sivun joka kestää 6.

Parempi SEO

Googlen Core Web Vitals -mittarit vaikuttavat suoraan hakusijoituksiin. Largest Contentful Paint (LCP), yksi kolmesta keskeisestä mittarista, mittaa kuinka nopeasti sivun pääsisältö latautuu. Pienemmät kuvat tarkoittavat nopeampia LCP-pisteitä.

Pienemmät kaistanleveyskustannukset

Sivustoille jotka palvelevat miljoonia kuvia päivässä WebP:n kaistanleveyssäästöt muuttuvat oikeaksi rahaksi. 30 %:n vähennys kuvan koossa suuren verkkokaupan katalogissa säästää tuhansia euroja kuukaudessa hosting-kustannuksissa.

Universaali selaintuki

Alkuaikoina WebP toimi vain Chromessa. Se hidasti käyttöönottoa. Nykyään jokainen suurempi selain tukee sitä: Chrome, Firefox, Safari, Edge, Opera ja kaikki mobiiliselaimet. Ei enää syytä verkkosivustoille olla käyttämättä sitä.

Ongelma: kaikki ei tue WebP:tä

Vaikka selaimet käsittelevät WebP:n täydellisesti, muu ohjelmistoekosysteemi on ollut hitaampi tulemaan perässä. Tässä turhautuminen alkaa:

• Vanhemmat kuvankäsittelyohjelmat (kuten vanhemmat versiot Photoshopista, Paintista tai GIMPistä) eivät välttämättä pysty avaamaan WebP-tiedostoja.
• Toimisto-ohjelmisto (Word, PowerPoint, Google Docs) hylkää joskus WebP:n kun yrität lisätä kuvan.
• Verkkolomakkeet ja hakemukset hyväksyvät usein vain JPEG- tai PNG-latauksia.
• Sosiaalisen median alustat käsittelevät WebP:tä epäjohdonmukaisesti. Jotkut hyväksyvät sen; toiset eivät.
• Tulostuspalvelut vaativat tyypillisesti JPEG:n, PNG:n tai TIFF:n.

Kuinka käsitellä WebP-kuvia

Sinulla on useita vaihtoehtoja tilanteestasi riippuen.

Vaihtoehto 1: Muunna WebP JPG:ksi tai PNG:ksi

Tämä on yleisin ratkaisu. Muunnostyökalu ottaa WebP-tiedoston ja koodaa sen uudelleen standardina JPEG:nä tai PNG:nä, joka on yhteensopiva lähes kaiken kanssa.

Vaihtoehto 2: Muuta tallennusmuotoa selaimessasi

Jotkut selaimet antavat kiertää WebP:n muuttamalla kuvan tallennustapaa:

• Firefoxissa hiiren kakkospainikkeen "Tallenna kuva nimellä" antaa joskus alkuperäisen muodon (JPEG tai PNG) eikä WebP:n.
• Chromessa voit yrittää lisätä .jpg-päätteen tiedostonimeen tallentaessa, vaikka tämä ei aina muunna muotoa.

Nämä kiertotavat ovat epäluotettavia. Muuntaminen tallentamisen jälkeen on luotettavampaa.

Vaihtoehto 3: Käytä ohjelmistoa joka tukee WebP:tä

Jos työskentelet usein WebP-kuvien kanssa, harkitse työkalujesi päivittämistä:

• GIMP 2.10+ tukee WebP:tä natiivisti.
• Adobe Photoshop 23.2+ pystyy avaamaan ja tallentamaan WebP-tiedostoja.
• Windows 11 ja macOS Ventura+ sisältävät natiivin WebP-tuen sisäänrakennetuissa kuvankatseluohjelmissa.
• IrfanView ja XnView ovat tukeneet WebP:tä vuosia.

Milloin valita mikäkin muoto

Jos tallennat kuvia henkilökohtaiseen käyttöön, tulostukseen tai lomakkeille lataamiseen, JPEG on turvallisin valinta valokuville ja PNG on paras läpinäkyvyyttä tarvitsevalle grafiikalle.

Jos optimoit kuvia omistamaasi verkkosivustoa varten, WebP on selkeä voittaja.

Kuvaformaattien tulevaisuus

WebP ei ole viimeinen sana. Uudemmat muodot kuten AVIF (perustuen AV1-videokoodekkiin) lupaavat jopa parempaa pakkausta. AVIF-tiedostot voivat olla 20 % pienempiä kuin WebP samalla laadulla. AVIF-tuki kuitenkin vielä kasvaa, paljon kuten WebP muutama vuosi sitten.

Nyt WebP on käytännöllinen standardi verkolle, ja sen muuntaminen tarvittaessa on olennainen taito.

Täytyykö sinun muuntaa WebP-kuva nyt? Käytä ilmaista selainpohjaista työkaluamme: Muunna WebP JPG:ksi. Ei latausta, ei rekisteröitymistä, ei asennettavia ohjelmistoja.