Mihin kukin muoto on tarkoitettu
Jokainen muoto antaa jotain pois. Kun tiedät, mistä haluat tinkiä, valinta on nopea.
| Muoto | Läpinäkyvyys | Sopii | Huomioita |
|---|---|---|---|
| JPG | Ei | Valokuvat, kameran tuottamat kuvat, sähköpostiliitteet | Pienet tiedostot, mutta reunat ja teksti pehmenevät |
| PNG | Kyllä | Logot, kuvakkeet, kuvakaappaukset, tasaiset grafiikat | Suuremmat tiedostot, terävät reunat, täysi alpha |
| WebP | Kyllä | Verkkokuvat, sekalaiset valokuva- ja grafiikkasisällöt | Laajasti tuettu nykyisissä selaimissa |
| AVIF | Kyllä | Verkkokuvat, joissa tiedostokoko on tärkein | Pienempi kuin WebP samalla laadulla, hitaampi koodata |
| HEIC | Ei | Suoraan iPhonesta tulevat valokuvat | Monet vanhemmat sovellukset ja sivustot eivät hyväksy |
Tulostemuodon valinta
Valokuvalle JPG on yleensä oikea vastaus. Puhelimen valokuva on usein 2-5 MB HEIC- tai JPG-muodossa, ja uudelleenkoodaus kohtuullisella laatuasetuksella pitää sen visuaalisesti samanlaisena pienentäen kokoa. Teksti ja terävät reunat kärsivät ensimmäisenä, joten vältä JPG:tä kaikessa, missä on hienoja viivoja.
Logolle, kuvakkeelle tai kuvakaappaukselle käytä PNG:tä. Se pitää kovat reunat siisteinä ja säilyttää läpinäkyvyyden, jota JPG ei voi tallentaa lainkaan. Läpinäkyvä tausta muuttuu kiinteäksi väriksi heti, kun tallennat JPG:nä.
Verkkoon WebP on käytännöllinen oletus. Se tukee läpinäkyvyyttä, käsittelee sekä valokuvat että grafiikat kohtuullisen hyvin, ja jokainen nykyinen tärkein selain lukee sitä. AVIF menee vielä pienemmäksi samalla visuaalisella laadulla, mutta koodaus kestää kauemmin ja hyvin vanha ohjelmisto ei välttämättä avaa sitä.
HEIC on se, mitä iPhonet kirjoittavat oletuksena. Se säästää tilaa puhelimessa, mutta monet verkkosivustot, sisällönhallintajärjestelmät ja työpöytäohjelmat hylkäävät sen edelleen. HEIC:n muuntaminen JPG:ksi on tavallinen korjaus, kun tiedosto ei lataudu.
Läpinäkyvyys ja taustaväri
Läpinäkyvyys säilyy vain muotojen välillä, jotka tukevat sitä. PNG, WebP ja AVIF kantavat kaikki alpha-kanavaa. JPG ei. Jos muunnat läpinäkyvän PNG:n JPG:ksi, tyhjä alue täytetään taustavärillä, yleensä valkoisella. Valitse se väri tarkoituksella, jos kuva tulee tummalle sivulle, tai pidä PNG tai WebP sen sijaan.
Toiseen suuntaan meneminen on turvallista: JPG:stä PNG:ksi muunnettu ei saa läpinäkyvyyttä, mutta ei menetä mitään.
Laatuasetukset ja tiedostokoko
Laatu koskee vain häviöllistä tulostetta. JPG, WebP ja AVIF kaikki hylkäävät yksityiskohtia tilan säästämiseksi, ja määrää säädetään laatuarvolla. Korkeammat arvot pitävät enemmän yksityiskohtia ja tuottavat suurempia tiedostoja. Matalammat arvot pienentävät tiedostoa ja tuovat näkyvää lohkoitumista, erityisesti tasaisissa liu'uissa kuten taivaissa.
PNG pakataan ilman tätä kompromissia, joten sille ei ole laatuliukusäädintä. Tiedosto on yksinkertaisesti suurempi.
Järkevä työnkulku: muunna ensin kohtuullisella laadulla, katso esikatselua ja nosta arvoa vain, jos näet artefakteja reunojen ympärillä tai tasaisilla alueilla. Toistuva muuntaminen häviöllisten muotojen välillä kasaa häviötä joka kerta, joten pidä alkuperäinen tiedosto ja muunna siitä, älä aiemmasta muunnoksesta.
Usean kuvan muuntaminen
Jos sinulla on erä, muunna vaativin kuva ensin löytääksesi laatuasetuksen, johon olet tyytyväinen, ja käytä samaa asetusta muihin. Kuvakaappaukset ja grafiikat haluavat yleensä PNG:n tai WebP:n, kun taas kameran valokuvat haluavat JPG:n tai AVIF:n, joten jaa erä sisältötyypin mukaan ennen muuntamista.
Yksityisyys ja offline-käyttö
Muunnos tapahtuu selaimessasi JavaScriptillä. Kuviasi ei koskaan ladata palvelimelle, mitään ei tallenneta, eikä tiliä tarvitse luoda. Kun sivu on latautunut, se toimii ilman verkkoyhteyttä, eikä tulosteessa ole vesileimaa.
Kysymyksiä
Parantaako JPG:n muuntaminen PNG:ksi laatua?
Ei. JPG:tä luotaessa jo menetettyä yksityiskohtaa ei voi palauttaa. PNG:ksi muuntaminen vain vaihtaa säiliön, ja tiedostosta tulee yleensä suurempi.
Miksi verkkosivusto ei hyväksy HEIC-tiedostoani?
HEIC on Applen oletusvalokuvamuoto, eivätkä monet verkkoalustat edelleenkään pura sitä. Muuntaminen ensin JPG:ksi tai WebP:ksi ratkaisee latausongelman.
Kannattaako verkkosivustolleni käyttää WebP:tä vai AVIF:ää?
AVIF tuottaa yleensä pienemmän tiedoston samalla visuaalisella laadulla, mutta koodaus kestää kauemmin ja tuki vanhemmassa ohjelmistossa on ohuempaa. WebP on turvallisempi oletus, kun tarvitset laajaa yhteensopivuutta.
Voinko muuntaa kuvan lataamatta sitä palvelimelle?
Kyllä. Muunnos tapahtuu paikallisesti selaimessasi, joten tiedosto pysyy laitteellasi. Mitään ei lähetetä palvelimelle eikä tallenneta jälkeenpäin.