Pildivormingud lahti seletatud: JPG, PNG, WebP, AVIF, GIF, BMP ja ICO
Millist vormingut kasutada fotode, logode, ekraanipiltide, veebilehtede, trüki ja sotsiaalmeedia jaoks ning miks.
Iga pildivorming on kompromiss failisuuruse, kvaliteedi, läbipaistvuse, animatsiooni ja ühilduvuse vahel. Vali vale vorming ja tulemuseks on kas paisunud fail või udune logo. See juhend selgitab, milleks iga vorming hea on, ning annab numbrid, mida otsustamiseks vajad.
Kaks tihendamise liiki
Kadudeta tihendamine säilitab iga piksli täpselt ja leiab lihtsalt tõhusama viisi samade andmete kirjapanemiseks, nagu teeb ZIP. Ava ja salvesta kadudeta pilti tuhat korda ning see jääb muutumatuks. Nii töötavad PNG, BMP, GIF ja kadudeta WebP.
Kadudega tihendamine viskab teavet minema ja sihib detaile, mille suhtes inimsilm on kõige vähem tundlik: peen tekstuur, värvide väikesed erinevused, kõrgsageduslik müra. Tulemus võib olla kümnendik kadudeta faili suurusest ilma nähtava erinevuseta, kuid iga uus salvestamine kaotab natuke rohkem. Nii töötavad JPG, kadudega WebP ja AVIF.
Esimene reegel tuleneb sellest otse: kasuta kadudega vorminguid fotode jaoks, mis on täis müra ja tekstuuri, mida keegi ei igatse, ning kadudeta vorminguid teravate servade, ühtlaste värvide ja tekstiga graafika jaoks, kus iga piksel loeb.
Vorming vormingu haaval
JPG (JPEG)
Fotovorming alates 1992. aastast. Kadudega, 8-bitine värv, läbipaistvuseta, animatsioonita. Seda toetab kõik, mis eales tehtud. Kvaliteedisäte vahemikus 0 kuni 100 juhib kompromissi; 80 kuni 85 on igapäevane kuldne kesktee. Selle nõrkused on nähtav „klotsistumine“ madalal kvaliteedil, virvendus teravate servade ümber ja läbipaistvuse puudumine. Kasuta seda fotode jaoks, mis lähevad kuhugi väljapoole brauserit: e-post, trükk, e-turud, vanem tarkvara.
PNG
Kadudeta, kuni 16-bitine värv, täielik alfaläbipaistvus, animatsioonita (APNG on olemas, kuid haruldane). Õige valik logode, ikoonide, ekraanipiltide, skeemide, diagrammide ja iga pildi jaoks, mis vajab läbipaistvat tausta. Selle nõrkus on suurus: PNG-foto võib olla kümme korda suurem kui JPG. Ära kasuta PNG-d kunagi veebilehe fotode jaoks.
WebP
Google'i veebivorming, mida toetavad nüüd kõik praegused brauserid. Sellel on nii kadudega kui ka kadudeta režiim, mõlemad toetavad läbipaistvust ning toetatud on ka animatsioon. Kadudega WebP on sama kvaliteedi juures umbes 25 kuni 35% väiksem kui JPG; kadudeta WebP on umbes 25% väiksem kui PNG. See on parim üldotstarbeline vorming kõige jaoks, mida brauseris näidatakse. Selle nõrkus on ühilduvus väljaspool brauserit: vanem lauaarvutitarkvara, mõned e-postiprogrammid ja paljud üleslaadimisvormid lükkavad selle endiselt tagasi.
AVIF
Veel uuem, põhineb AV1 videokoodekil. Sama kvaliteedi juures tavaliselt 50% väiksem kui JPG ja 20% väiksem kui WebP, toetab läbipaistvust, animatsiooni ja laia värviruumi. Kõik praegused brauserid toetavad seda alates 2024. aastast. Kodeerimine on aeglane, eriti brauseris, ja tugi brauseriväliste programmide seas on endiselt lünklik. Kasuta seda, kui failisuurus on kriitiline ja kuvamiskeskkond on sinu kontrolli all; paku kõrvale WebP või JPG varuvariandina.
GIF
Aastast 1987. Piiratud 256 värviga kaadri kohta, ühevärvilise läbipaistvuse ja animatsiooniga, mis ongi ainus põhjus, miks see endiselt kõikjal on. Fotode jaoks kohutav, lihtsa graafika jaoks sobiv, ühilduvuse poolest ületamatu. Liikumatute piltide puhul teeb PNG kõike, mida GIF, ainult paremini; animatsiooni jaoks on MP4 või animeeritud WebP palju väiksemad.
BMP
Tihendamata Windowsi bittraster. Tohutud failid, tavakasutuses läbipaistvuseta, tihendamiseta. Püsib alles ainult seetõttu, et seda on äärmiselt lihtne lugeda, mis on oluline sardseadmetele ja pärandtarkvarale. Ära kasuta seda kunagi veebis ega säilitamiseks.
ICO
Windowsi ikoonide ja brauseri favicon'ide vorming. Sisaldab ühes failis sama pildi mitut suurust, et vahekaardi, järjehoidja või töölaua otsetee jaoks saaks valida õige. Valmistatakse PNG-st PNG-st ICO-ks tööriistaga.
Võrdlustabel
| Vorming | Tihendamine | Läbipaistvus | Animatsioon | Foto suurus võrreldes JPG-ga | Ühilduvus |
|---|---|---|---|---|---|
| JPG | Kadudega | Ei | Ei | 1 kord | Kõikjal |
| PNG | Kadudeta | Jah, täielik alfa | Ei | 5 kuni 10 korda | Kõikjal |
| WebP | Mõlemad | Jah, täielik alfa | Jah | 0,65 kuni 0,75 korda | Kõik brauserid, enamik tänapäevaseid rakendusi |
| AVIF | Mõlemad | Jah, täielik alfa | Jah | 0,5 korda | Kõik praegused brauserid, vähesed rakendused |
| GIF | Kadudeta, 256 värvi | Jah, sees/väljas | Jah | 2 kuni 4 korda (ja halvem kvaliteet) | Kõikjal |
| BMP | Puudub | Ei | Ei | 20 kuni 30 korda | Kõikjal, kuid harva kasutusel |
Milline vorming millise töö jaoks
- Fotod veebilehel: WebP kvaliteediga 75 kuni 85 ja JPG varuvariandina, kui pead toetama väga vanu brausereid. AVIF, kui soovid võimalikult väikeseid lehti.
- Logod ja ikoonid veebilehel: SVG, kui see sul on; muidu PNG või kadudeta WebP.
- Ekraanipildid: PNG. Kadudega tihendamine muudab teksti uduseks.
- E-kirja manused: JPG fotode jaoks, PNG graafika jaoks. Ära saada WebP-d; liiga paljud e-postiprogrammid käsitlevad seda valesti.
- Trükk: JPG kvaliteediga 95 või PNG/TIFF, 300 pikslit tolli kohta trükitud suuruses.
- Sotsiaalmeedia: JPG või PNG; iga platvorm tihendab üleslaadimisel niikuinii uuesti, seega laadi üles kõrge kvaliteediga ja õigete mõõtudega.
- Läbipaistva taustaga tootepildid: PNG maksimaalse ühilduvuse jaoks, WebP veebi jaoks.
- Favicon'id: ICO pluss PNG mobiilseadmete avakuvade jaoks.
Vormingute vahel teisendamine
Iga teisendamine sellel saidil toimub sinu brauseris. Levinumad teekonnad on PNG-st WebP-ks ja JPG-st WebP-ks veebi jaoks, WebP-st JPG-ks ja WebP-st PNG-ks ühilduvuse jaoks ning PNG-st JPG-ks fotode vähendamiseks, mis on eksporditud vales vormingus. Piltide tihendaja saab neist igaühega hakkama ja töötleb ka mitu faili korraga.