# Kuva WebP-muotoon

> Muunna JPG ja PNG WebP-muotoon ja pienennä kuvia verkkoa varten. Säästöarvio, HTML-koodi varajärjestelmällä ja säilynyt läpinäkyvyys. Erissä ja ilmaiseksi.

URL: https://acrafto.com/fi/kuvien-muuntaminen-webp-muotoon/  
Updated: 2026-09-24

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

Haluatko nopeuttaa verkkosivustoa tai verkkokauppaa pienemmillä kuvilla? Muunna JPG ja PNG WebP-muotoon. Muunnin arvioi ennen muunnosta, kuinka paljon säästät JPG:hen verrattuna, ja valmistaa myös HTML-koodin varajärjestelmällä vanhemmille selaimille. Kaikki tapahtuu selaimessasi, kuvia ei lähetetä minnekään.

## Miten muunnat kuvan WebP-muotoon

1. **Lataa kuvat.** Vedä ne ikkunaan tai klikkaa ”Selaa tiedostoja”. Muunnin käsittelee JPG-, PNG-, BMP- ja pysäytetyn GIF-kuvan, kymmeniä tiedostoja kerralla.
2. **Aseta laatu.** Oletuslaatu 80 sopii useimmille sivustoille. Portfolioon valitse 85 ja 90 väliltä, esikatseluihin 70.
3. **Muunna ja lataa.** Painike ”Muunna” käsittelee koko erän, valmiit WebP-kuvat lataat yksitellen tai ZIP-tiedostona.

Yksityiskohtiin haluava avaa esikatselun alta ”Tekniset tiedot”, joista löytyy suurennuslasi, säästöarvio ja HTML-koodi.

## Miksi muuntaa kuvat WebP-muotoon

[WebP](https://fi.wikipedia.org/wiki/WebP) on Googlen kehittämä verkkoon suunniteltu formaatti. [Googlen tutkimuksen](https://developers.google.com/speed/webp/docs/webp_study) (englanniksi) mukaan häviölliset WebP-tiedostot ovat samalla laadulla 25 ja 34 prosentin väliltä pienempiä kuin JPEG, ja häviöttömät noin 26 prosenttia pienempiä kuin PNG. Pienemmät kuvat tarkoittavat nopeampaa sivun latautumista, parempia Core Web Vitals -tuloksia ja pienempää datankulutusta mobiililaitteella.

JPG:hen verrattuna WebP osaa lisäksi läpinäkyvyyden, joten se korvaa myös läpinäkyvätaustaisen PNG:n. Nykyään sitä [tukevat kaikki yleiset selaimet](https://caniuse.com/webp) (englanniksi), Safari mukaan lukien versiosta 14 alkaen.

## Mitä muuten WebP-muunnin osaa

### Säästöarvio jo ennen muunnosta

Teknisistä tiedoista löydät ”Arvio näytteestä”: muunnin koodaa valitusta kuvasta pienennetyn näytteen ja laskee, kuinka suuri WebP olisi valituilla asetuksilla, kuinka suuri JPEG olisi samalla laadulla ja kuinka monta prosenttia säästät. Näet heti, kannattaako muunnos.

### HTML-koodi varajärjestelmällä

Muunnin valmistaa valmiin koodin `<picture>`\-elementille: selaimet, jotka tukevat WebP:tä, lataavat uuden tiedoston, muut saavat alkuperäisen JPG:n tai PNG:n. Koodi sisältää myös kuvan mitat ja laiskan latauksen, sen voi liittää suoraan sivupohjaan. Miten `<picture>` toimii, kertoo [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/picture) (englanniksi).

### Suurennuslasi 100 %:n suurennuksella

Klikkaamalla esikatselua siirrät suurennuslasin mihin tahansa kohtaan ja vertaat alkuperäistä tulokseen pikseli pikseliltä. [Häviöllisen pakkauksen](https://fi.wikipedia.org/wiki/H%C3%A4vi%C3%B6llinen_pakkausmenetelm%C3%A4) jäljet näkyvät ensimmäisenä tekstissä, reunoissa ja pehmeissä liu’uissa, sinne kannattaa katsoa.

### Läpinäkyvyys säilyy

Läpinäkyvätaustaisen PNG:n muunnat WebP-muotoon menettämättä alfakanavaa. Jos kohdesovellus ei tue läpinäkyvyyttä, kytke päälle ”Litistä läpinäkyvyys väriksi”.

### Suoja huonolta lopputulokselta

Animoidun GIF-kuvan muunnin hylkää, koska siitä jäisi huomaamatta vain ensimmäinen ruutu. Kun muunnettu tiedosto on suurempi kuin alkuperäinen, mikä on tavallista jo hyvin pakatuille kuville, taulukko merkitsee sen ja yhdellä klikkauksella säilytät alkuperäisen.

### Koon muutos, uudelleennimeäminen, ei metatietoja

Kohdassa ”Lisäasetukset” pienennät kuvat pisimmän sivun pikselimäärän tai prosenttien mukaan ja nimeät ne kaikki kerralla uudelleen muuttujien `{name}`, `{width}`, `{height}` ja `{index}` avulla. Muunnos poistaa EXIF-, ICC- ja GPS-tiedot, joten kuvat eivät paljasta sijaintia. Jos kuvat täytyy pienentää tarkkoihin mittoihin tai kilotavurajaan, käytä [kuvien pienennystä](https://acrafto.com/fi/kuvien-pienennys-verkossa/).

## Minkä WebP-laadun valita

| Käyttö | Laatu | Huomio |
| :--- | :--- | :--- |
| Portfolio, tuotekuvat | 85 ja 90 välillä | Yksityiskohdat ilman häviötä, silti pienempi kuin JPG |
| Tavallinen sivusto ja blogi | 75 ja 80 välillä | Paras laadun ja koon suhde |
| Esikatselut, galleriat | 65 ja 70 välillä | Pienet tiedostot, pieniä häiriöitä |

## Milloin WebP ja milloin muu formaatti

- **Valokuvat ja grafiikka verkkoon:** WebP, varmuuden vuoksi `<picture>`\-varajärjestelmällä.
- **Kuvat sähköpostiin, viranomaisille tai vanhemmille ohjelmille:** mieluummin [JPG](https://acrafto.com/fi/kuvien-muuntaminen-jpg-ksi/), sen avaa todella kaikki.
- **Aineisto jatkokäsittelyyn ja tulostukseen:** [PNG](https://acrafto.com/fi/kuvien-muuntaminen-pngksi/), ilman minkäänlaista häviötä.

Kuvien mitat verkkosivulla tarkistat nopeasti ennen muunnosta [kuvien mittojen analysoinnissa](https://acrafto.com/fi/kuvien-mitat-analysointi/).

## Usein kysytyt kysymykset

### Miten muunnan JPG:n WebP-muotoon?

Lataa JPG-tiedostot, jätä laatu 80:ksi tai muuta sitä ja klikkaa ”Muunna”. WebP on samalla visuaalisella laadulla tyypillisesti neljänneksen tai kolmanneksen pienempi. Kuinka paljon tietty valokuva säästää, näyttää arvio teknisissä tiedoissa.

### Miten muunnan PNG:n WebP-muotoon ja säilytän läpinäkyvyyden?

Riittää, kun lataat PNG:n ja muunnat sen, läpinäkyvyys säilyy automaattisesti. Jos et sitä halua, kytke päälle ”Litistä läpinäkyvyys väriksi”.

### Tukevatko kaikki selaimet WebP:tä?

Kyllä, kaikki nykyiset selaimet tukevat sitä, Safari versiosta 14 alkaen. Varmuuden vuoksi vanhemmille laitteille käytä muuntimen valmistamaa HTML-koodia elementillä `<picture>`: vanhempi selain lataa silloin alkuperäisen JPG:n tai PNG:n.

### Onko WebP parempi kuin JPG?

Verkkoon kyllä: samalla laadulla se on pienempi ja osaa läpinäkyvyyden. JPG:n avaa silti edelleen useampi ohjelma, tulostin ja viranomainen. Käytä siis verkkoon WebP:tä, jakamiseen ja tulostukseen JPG:tä.

### Miksi muunnin hylkäsi GIF-tiedostoni?

Animoitu GIF muuttuisi muunnoksessa huomaamatta yhdeksi pysäytyskuvaksi. Jotta tulos ei yllättäisi, muunnin hylkää sen. Pysäytetyt GIF-kuvat se muuntaa ongelmitta.

### Ladataanko kuvani palvelimelle?

Ei. Muunnos tapahtuu suoraan selaimessasi eikä tiedostoja lähetetä minnekään.

## Other languages

- Čeština (cs): [Převod obrázků na WebP](https://acrafto.com/cs/prevod-obrazku-na-webp/) ([Markdown](https://acrafto.com/cs/prevod-obrazku-na-webp/index.md))
- Slovenčina (sk): [Prevod obrázkov na WebP](https://acrafto.com/sk/prevod-obrazkov-na-webp/) ([Markdown](https://acrafto.com/sk/prevod-obrazkov-na-webp/index.md))
- English (en): [Convert Images to WebP](https://acrafto.com/en/convert-images-to-webp/) ([Markdown](https://acrafto.com/en/convert-images-to-webp/index.md))
- Deutsch (de): [Bild in WebP umwandeln](https://acrafto.com/de/bilder-in-webp-umwandeln/) ([Markdown](https://acrafto.com/de/bilder-in-webp-umwandeln/index.md))
- Français (fr): [Convertir des images en WebP](https://acrafto.com/fr/convertir-images-en-webp/) ([Markdown](https://acrafto.com/fr/convertir-images-en-webp/index.md))
- Español (es): [Convertir imágenes a WebP](https://acrafto.com/es/convertir-imagenes-a-webp/) ([Markdown](https://acrafto.com/es/convertir-imagenes-a-webp/index.md))
- Italiano (it): [Convertitore immagini in WebP](https://acrafto.com/it/conversione-immagini-webp/) ([Markdown](https://acrafto.com/it/conversione-immagini-webp/index.md))
- Português (pt): [Converter imagem para WebP](https://acrafto.com/pt/converter-imagens-para-webp/) ([Markdown](https://acrafto.com/pt/converter-imagens-para-webp/index.md))
- Nederlands (nl): [Afbeelding naar WebP omzetten](https://acrafto.com/nl/afbeeldingen-converteren-naar-webp/) ([Markdown](https://acrafto.com/nl/afbeeldingen-converteren-naar-webp/index.md))
- Polski (pl): [Konwerter obrazów na WebP](https://acrafto.com/pl/konwersja-obrazow-do-webp/) ([Markdown](https://acrafto.com/pl/konwersja-obrazow-do-webp/index.md))
- Română (ro): [Convertor imagini în WebP](https://acrafto.com/ro/conversia-imaginilor-in-webp/) ([Markdown](https://acrafto.com/ro/conversia-imaginilor-in-webp/index.md))
- Magyar (hu): [WebP átalakító](https://acrafto.com/hu/webp-kep-atalakito/) ([Markdown](https://acrafto.com/hu/webp-kep-atalakito/index.md))
- Ελληνικά (el): [Μετατροπή εικόνων σε WebP](https://acrafto.com/el/metatropi-eikonon-se-webp/) ([Markdown](https://acrafto.com/el/metatropi-eikonon-se-webp/index.md))
- Български (bg): [Конвертиране на снимки в WebP](https://acrafto.com/bg/preobrazuvane-na-izobrajenia-v-webp/) ([Markdown](https://acrafto.com/bg/preobrazuvane-na-izobrajenia-v-webp/index.md))
- Hrvatski (hr): [Pretvorba slika u WebP](https://acrafto.com/hr/pretvorba-slika-u-webp/) ([Markdown](https://acrafto.com/hr/pretvorba-slika-u-webp/index.md))
- Slovenščina (sl): [Pretvorba slik v WebP](https://acrafto.com/sl/pretvorba-slik-v-webp/) ([Markdown](https://acrafto.com/sl/pretvorba-slik-v-webp/index.md))
- Eesti (et): [Piltide teisendamine WebP-ks](https://acrafto.com/et/piltide-teisendamine-webp-ks/) ([Markdown](https://acrafto.com/et/piltide-teisendamine-webp-ks/index.md))
- Latviešu (lv): [Attēlu konvertēšana uz WebP](https://acrafto.com/lv/attelu-konvertesana-uz-webp/) ([Markdown](https://acrafto.com/lv/attelu-konvertesana-uz-webp/index.md))
- Lietuvių (lt): [Paveikslėlių konvertavimas į WebP](https://acrafto.com/lt/paveiksleliu-konvertavimas-i-webp/) ([Markdown](https://acrafto.com/lt/paveiksleliu-konvertavimas-i-webp/index.md))
- Svenska (sv): [Konvertera bilder till WebP](https://acrafto.com/sv/konvertera-bilder-till-webp-online/) ([Markdown](https://acrafto.com/sv/konvertera-bilder-till-webp-online/index.md))
- Dansk (da): [Konverter billeder til WebP](https://acrafto.com/da/billeder-til-webp-konverter/) ([Markdown](https://acrafto.com/da/billeder-til-webp-konverter/index.md))
- Norsk (no): [Konverter bilder til WebP](https://acrafto.com/no/konverter-bilder-til-webp/) ([Markdown](https://acrafto.com/no/konverter-bilder-til-webp/index.md))
- Українська (uk): [Конвертер у WebP](https://acrafto.com/uk/perehvorennia-zobrazhen-u-webp/) ([Markdown](https://acrafto.com/uk/perehvorennia-zobrazhen-u-webp/index.md))
- Русский (ru): [Конвертер изображений в WebP](https://acrafto.com/ru/preobrazovanie-izobrazhenij-v-webp/) ([Markdown](https://acrafto.com/ru/preobrazovanie-izobrazhenij-v-webp/index.md))
- Српски (sr): [Претварање слика у WebP](https://acrafto.com/sr/pretvaranje-slika-u-webp/) ([Markdown](https://acrafto.com/sr/pretvaranje-slika-u-webp/index.md))
- Македонски (mk): [Претвори слики во WebP](https://acrafto.com/mk/pretvori-sliki-vo-webp/) ([Markdown](https://acrafto.com/mk/pretvori-sliki-vo-webp/index.md))
- Bosanski (bs): [Pretvorba slika u WebP](https://acrafto.com/bs/pretvorba-slika-u-webp/) ([Markdown](https://acrafto.com/bs/pretvorba-slika-u-webp/index.md))
- Shqip (sq): [Konvertimi i imazheve në WebP](https://acrafto.com/sq/konvertimi-i-imazheve-ne-webp/) ([Markdown](https://acrafto.com/sq/konvertimi-i-imazheve-ne-webp/index.md))
- Türkçe (tr): [Görselleri WebP'ye çevirme](https://acrafto.com/tr/goruntuleri-webpye-donustur/) ([Markdown](https://acrafto.com/tr/goruntuleri-webpye-donustur/index.md))
- 日本語 (ja): [WebP変換](https://acrafto.com/ja/gazo-webp-henkan/) ([Markdown](https://acrafto.com/ja/gazo-webp-henkan/index.md))
- 한국어 (ko): [WebP 변환기](https://acrafto.com/ko/imiji-webp-byeonhwan/) ([Markdown](https://acrafto.com/ko/imiji-webp-byeonhwan/index.md))
- العربية (ar): [تحويل الصور إلى WebP](https://acrafto.com/ar/tahwil-suwar-ila-webp/) ([Markdown](https://acrafto.com/ar/tahwil-suwar-ila-webp/index.md))
- हिन्दी (hi): [इमेज को WebP में बदलें](https://acrafto.com/hi/chitron-ko-webp-mein-badlein/) ([Markdown](https://acrafto.com/hi/chitron-ko-webp-mein-badlein/index.md))
- Bahasa Indonesia (id): [Ubah gambar ke WebP](https://acrafto.com/id/konversi-gambar-ke-webp/) ([Markdown](https://acrafto.com/id/konversi-gambar-ke-webp/index.md))
- Tiếng Việt (vi): [Chuyển ảnh sang WebP](https://acrafto.com/vi/chuyen-doi-hinh-anh-sang-webp/) ([Markdown](https://acrafto.com/vi/chuyen-doi-hinh-anh-sang-webp/index.md))
- ไทย (th): [แปลงรูปเป็น WebP](https://acrafto.com/th/plaeng-ruup-phaap-pen-webp/) ([Markdown](https://acrafto.com/th/plaeng-ruup-phaap-pen-webp/index.md))
- עברית (he): [המרת תמונה ל-WebP](https://acrafto.com/he/hamarat-tmunot-le-webp/) ([Markdown](https://acrafto.com/he/hamarat-tmunot-le-webp/index.md))