Kuvamuodot selitettynä: JPG, PNG, WebP, AVIF, GIF, BMP ja ICO
Mitä muotoa käyttää valokuviin, logoihin, kuvakaappauksiin, verkkosivuihin, tulostukseen ja someen, ja miksi.
Jokainen kuvamuoto on joukko kompromisseja tiedostokoon, laadun, läpinäkyvyyden, animaation ja yhteensopivuuden välillä. Jos valitset väärän, saat joko paisuneen tiedoston tai sumean logon. Tämä opas kertoo, mihin kukin muoto sopii parhaiten, ja antaa luvut, joiden perusteella voit päättää.
Kaksi pakkaustapaa
Häviötön pakkaus tallentaa jokaisen pikselin täsmälleen ja etsii vain tehokkaamman tavan kirjoittaa samat tiedot, samaan tapaan kuin ZIP. Voit avata ja tallentaa häviöttömän kuvan tuhat kertaa, eikä se muutu. PNG, BMP, GIF ja häviötön WebP toimivat näin.
Häviöllinen pakkaus heittää tietoa pois ja kohdistuu yksityiskohtiin, joille ihmissilmä on vähiten herkkä: hienoon pintarakenteeseen, pieniin värieroihin ja korkeataajuiseen kohinaan. Tulos voi olla kymmenesosa häviöttömän tiedoston koosta ilman näkyvää eroa, mutta jokainen uusi tallennus hävittää hieman lisää. JPG, häviöllinen WebP ja AVIF toimivat näin.
Ensimmäinen sääntö seuraa suoraan tästä: käytä häviöllisiä muotoja valokuviin, jotka ovat täynnä kohinaa ja pintarakennetta, jota kukaan ei kaipaa, ja häviöttömiä muotoja grafiikkaan, jossa on teräviä reunoja, tasaisia värejä ja tekstiä ja jossa jokainen pikseli on tärkeä.
Muoto kerrallaan
JPG (JPEG)
Valokuvien muoto vuodesta 1992. Häviöllinen, 8-bittiset värit, ei läpinäkyvyyttä eikä animaatiota. Toimii kaikessa, mitä on koskaan tehty. Laatuasetus väliltä 0 ja 100 säätää kompromissia, ja 80 tai 85 on arjen paras kohta. Heikkouksia ovat näkyvä ”palikoituminen” matalalla laadulla, värinä terävien reunojen ympärillä ja läpinäkyvyyden puute. Käytä sitä kuviin, jotka päätyvät minne tahansa selaimen ulkopuolelle: sähköpostiin, tulostukseen, verkkokauppapaikoille ja vanhempiin ohjelmiin.
PNG
Häviötön, jopa 16-bittiset värit, täysi alfaläpinäkyvyys, ei animaatiota (APNG on olemassa, mutta harvinainen). Oikea valinta logoihin, kuvakkeisiin, kuvakaappauksiin, kaavioihin, diagrammeihin ja kaikkiin kuviin, jotka tarvitsevat läpinäkyvän taustan. Heikkous on koko: valokuva PNG-muodossa voi olla kymmenen kertaa JPG:tä suurempi. Älä koskaan käytä PNG:tä valokuviin verkkosivulla.
WebP
Googlen verkkomuoto, jota nykyään tukevat kaikki ajantasaiset selaimet. Siinä on sekä häviöllinen että häviötön tila, molemmat tukevat läpinäkyvyyttä, ja se tukee myös animaatiota. Häviöllinen WebP on samalla laadulla noin 25-35 % pienempi kuin JPG, ja häviötön WebP on noin 25 % pienempi kuin PNG. Se on paras yleiskäyttöinen muoto kaikelle, mikä näytetään selaimessa. Heikkous on yhteensopivuus selaimen ulkopuolella: vanhemmat tietokoneohjelmat, osa sähköpostiohjelmista ja monet lähetyslomakkeet hylkäävät sen edelleen.
AVIF
Vielä uudempi, AV1-videokoodekkiin perustuva muoto. Tyypillisesti 50 % pienempi kuin JPG ja 20 % pienempi kuin WebP samalla laadulla, ja mukana ovat läpinäkyvyys, animaatio ja laaja väriavaruus. Kaikki ajantasaiset selaimet ovat tukeneet sitä vuodesta 2024. Koodaus on hidasta varsinkin selaimessa, ja tuki muissa ohjelmissa on yhä vaihtelevaa. Käytä sitä, kun tiedostokoko on ratkaiseva ja hallitset näyttöympäristön, ja tarjoa rinnalla WebP- tai JPG-varaversio.
GIF
Vuodelta 1987. Rajoitettu 256 väriin kuvaa kohden, yhden värin läpinäkyvyys ja animaatio, joka on ainoa syy, miksi sitä näkee yhä kaikkialla. Surkea valokuviin, kelvollinen yksinkertaiseen grafiikkaan, voittamaton yhteensopivuudessa. Pysäytyskuvissa PNG tekee kaiken, mitä GIF tekee, mutta paremmin, ja animaatiossa MP4 tai animoitu WebP ovat paljon pienempiä.
BMP
Pakkaamaton Windows-bittikartta. Valtavat tiedostot, tavallisessa käytössä ei läpinäkyvyyttä eikä pakkausta. Se on säilynyt vain siksi, että sitä on äärimmäisen helppo lukea, mikä on tärkeää sulautetuille laitteille ja vanhoille ohjelmille. Älä koskaan käytä sitä verkossa tai tallennukseen.
ICO
Windowsin kuvakkeiden ja selainten faviconien muoto. Se sisältää saman kuvan useana kokona yhdessä tiedostossa, jotta oikea koko voidaan valita välilehteen, kirjanmerkkiin tai työpöydän pikakuvakkeeseen. Se tehdään PNG-kuvasta PNG ICO:ksi -työkalulla.
Vertailutaulukko
| Muoto | Pakkaus | Läpinäkyvyys | Animaatio | Valokuvan koko JPG:hen verrattuna | Yhteensopivuus |
|---|---|---|---|---|---|
| JPG | Häviöllinen | Ei | Ei | 1× | Kaikkialla |
| PNG | Häviötön | Kyllä, täysi alfa | Ei | 5-10× | Kaikkialla |
| WebP | Molemmat | Kyllä, täysi alfa | Kyllä | 0,65-0,75× | Kaikki selaimet, useimmat nykyaikaiset sovellukset |
| AVIF | Molemmat | Kyllä, täysi alfa | Kyllä | 0,5× | Kaikki ajantasaiset selaimet, harvat sovellukset |
| GIF | Häviötön, 256 väriä | Kyllä, päällä tai pois | Kyllä | 2-4× (ja huonompi laatu) | Kaikkialla |
| BMP | Ei pakkausta | Ei | Ei | 20-30× | Kaikkialla, mutta harvoin käytössä |
Mikä muoto mihinkin tehtävään
- Valokuvat verkkosivulla: WebP laadulla 75-85 ja JPG-varaversio, jos sinun on tuettava hyvin vanhoja selaimia. AVIF, jos haluat mahdollisimman kevyet sivut.
- Logot ja kuvakkeet verkkosivulla: SVG, jos sellainen on, muuten PNG tai häviötön WebP.
- Kuvakaappaukset: PNG. Häviöllinen pakkaus sumentaa tekstiä.
- Sähköpostin liitteet: JPG valokuviin, PNG grafiikkaan. Älä lähetä WebP-kuvia, sillä liian moni sähköpostiohjelma käsittelee niitä väärin.
- Tulostus: JPG laadulla 95 tai PNG/TIFF, 300 pikseliä tuumaa kohden tulostetussa koossa.
- Some: JPG tai PNG. Jokainen palvelu pakkaa kuvan uudelleen joka tapauksessa, kun lähetät sen palvelimelle, joten lähetä korkealaatuinen kuva oikeissa mitoissa.
- Läpinäkyvät tuotekuvat ilman taustaa: PNG parhaan yhteensopivuuden takia, WebP verkkoon.
- Faviconit: ICO sekä PNG mobiililaitteiden aloitusnäyttöjä varten.
Muuntaminen muodosta toiseen
Jokainen muunnos tällä sivustolla tapahtuu selaimessasi. Yleisimmät reitit ovat PNG WebP:ksi ja JPG WebP:ksi verkkoa varten, WebP JPG:ksi ja WebP PNG:ksi yhteensopivuuden vuoksi sekä PNG JPG:ksi, kun haluat pienentää valokuvia, jotka on tallennettu väärässä muodossa. Kuvien pakkaustyökalu käsittelee niistä minkä tahansa, myös monta tiedostoa kerralla.