Miksi muuntaa JPG WebP:ksi
WebP on Googlen kehittämä kuvamuoto, joka tuottaa usein pienempiä tiedostoja kuin JPEG samalla visuaalisella laadulla. Verkkosivustoilla se tarkoittaa nopeampaa sivun latautumista ja pienempää kaistanleveyden kulutusta kävijää kohden. Puhelimen valokuva on usein 2–5 MB JPG:nä; muuntaminen WebP:ksi laadulla 80 pudottaa sen usein noin 1–2 MB:hen, mutta tarkka tulos riippuu kuvan sisällöstä.
Tämä työkalu toimii kokonaan selaimessasi. Kuviasi ei koskaan ladata palvelimelle, mitään ei tallenneta, ja se toimii offline-tilassa, kun sivu on latautunut. Rekisteröitymistä ei tarvita eikä vesileimaa tule.
Mitä muunnokselta voi odottaa
WebP käyttää erilaista pakkausmenetelmää kuin JPEG. Samalla laatutasolla WebP-tiedostot ovat yleensä 25–35 % pienempiä kuin JPEG valokuvissa, ja ero voi olla suurempi grafiikoissa, joissa on tasaisia värejä. Vastineeksi WebP on häviöllinen muoto, kun valitset laaduksi alle 100, joten yksityiskohtia häviää. Tämä on normaalia verkkokuville, eikä sitä juuri huomaa laadulla 75–85.
| Muoto | Tyypillinen käyttö | Selaintuki | Huomautuksia |
|---|---|---|---|
| JPEG | Valokuvat, yleinen varavaihtoehto | Kaikki selaimet | Suuremmat tiedostot samalla laadulla |
| WebP | Valokuvat ja grafiikat nykyaikaisille sivustoille | Chrome, Firefox, Safari 14+, Edge | Pienemmät tiedostot, tukee läpinäkyvyyttä |
| PNG | Kuvakaappaukset, logot, joissa läpinäkyvyys | Kaikki selaimet | Usein paljon suurempi kuin WebP |
Laatuasetuksen valinta
Laatuliuku säätää, kuinka paljon pakkausta käytetään. Pienemmät arvot tuottavat pienempiä tiedostoja, mutta voivat aiheuttaa näkyvää lohkoisuutta tai sumentumista reunojen ympärille.
- 90–100: Lähes alkuperäinen ulkoasu, suuremmat tiedostot. Käytä hero-kuviin tai portfolioihin, joissa yksityiskohdat ovat tärkeitä.
- 75–85: Hyvä tasapaino useimmille verkon valokuville. Tiedostot ovat paljon pienempiä, eikä eroja ole vaikea huomata normaaleissa katseluko'oissa.
- 50–70: Huomattavasti pienempi, mutta hienot yksityiskohdat ja liukuvärit voivat kärsiä. Sopii pikkukuville tai taustakuville.
Aloita arvosta 80 ja vertaa tulosta alkuperäiseen 100 %:n zoomilla. Jos et näe eroa, pidä pienempi tiedosto.
Milloin kannattaa pitää JPG varalla
WebP:tä tukevat kaikki nykyiset tärkeimmät selaimet, mutta jotkin vanhemmat selaimet ja tietyt sähköpostiohjelmat tai työpöytäsovellukset eivät näytä sitä. Jos yleisöösi kuuluu ihmisiä hyvin vanhoilla järjestelmillä tai jos kuvaa käytetään verkkosivun ulkopuolella (esimerkiksi asiakirjassa tai sähköpostin allekirjoituksessa), pidä JPG-versio varavaihtoehtona.
Verkkosivustolla voit tarjota WebP:n selaimille, jotka tukevat sitä, ja JPG:n muille `<picture>`-elementin avulla:
```html <picture> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="Kuvaus"> </picture> ```
Näin nykyaikaiset selaimet saavat pienemmän WebP-tiedoston, ja vanhemmat näkevät edelleen JPG:n. Useimmille sivustoille nykyään yksi WebP-tiedosto riittää, mutta varavaihtoehto ei maksa mitään ja välttää rikkinäiset kuvat pienelle joukolle kävijöitä.
PNG:n muuntaminen WebP:ksi
Sama työkalu hyväksyy PNG-tiedostot. WebP tukee läpinäkyvyyttä, joten logot ja kuvakkeet, joissa on läpinäkyvä tausta, muuntuvat siististi. PNG-kuvakaappaus, joka on 800 KB, voi muuttua 150–250 KB:n WebP:ksi laadulla 80 sisällöstä riippuen. Jos PNG käyttää vain muutamaa tasaista väriä, säästö voi olla vielä suurempi.
Erämuunnos
Voit valita useita JPG- tai PNG-tiedostoja kerralla. Jokainen tiedosto muunnetaan itsenäisesti selaimessasi, ja voit ladata ne yksi kerrallaan tai ZIP-arkistona. Tiedostojen määrälle ei ole rajaa, mutta erittäin suuret erät voivat kestää muutaman sekunnin laitteestasi riippuen.
Kysymyksiä
Vähentääkö JPG:n muuntaminen WebP:ksi laatua?
WebP on häviöllinen muoto, kun laaduksi asetetaan alle 100, joten osa kuvadatasta hylätään. Laadulla 75–85 ero on yleensä näkymätön normaaleissa katseluko'oissa, ja tiedosto on paljon pienempi.
Ladataanko kuvani palvelimelle?
Ei. Muunnos tapahtuu kokonaan selaimessasi. Kuvasi eivät koskaan poistu laitteeltasi, eikä mitään tallenneta tai lähetetä minnekään.
Voinko käyttää WebP:tä verkkosivustollani?
Kyllä. Kaikki nykyiset tärkeimmät selaimet tukevat WebP:tä. Vanhempia selaimia varten voit pitää JPG-varavaihtoehdon `<picture>`-elementin avulla, jotta kaikki näkevät kuvan.
Kuinka paljon pienempi WebP-tiedostoni on?
Tyypillinen säästö on 25–35 % verrattuna JPEG:hen samalla laadulla, mutta tarkka määrä riippuu kuvasta. Valokuvat, joissa on paljon yksityiskohtia, voivat hyötyä vähemmän kuin grafiikat, joissa on tasaisia värejä.