Bildeformater forklart: JPG, PNG, WebP, AVIF, GIF, BMP og ICO
Hvilket format du bør bruke til bilder, logoer, skjermbilder, nettsider, trykk og sosiale medier, og hvorfor.
Hvert bildeformat er et sett med kompromisser mellom filstørrelse, kvalitet, gjennomsiktighet, animasjon og kompatibilitet. Velger du feil, får du enten en oppblåst fil eller en uskarp logo. Denne guiden viser hva hvert format er godt til, med tallene du trenger for å bestemme deg.
De to typene komprimering
Tapsfri komprimering lagrer hver eneste piksel nøyaktig og finner bare en mer effektiv måte å skrive de samme dataene på, slik en ZIP-fil gjør. Du kan åpne og lagre et tapsfritt bilde tusen ganger uten at det endrer seg. PNG, BMP, GIF og tapsfri WebP fungerer slik.
Tapsbasert komprimering kaster informasjon, og retter seg mot detaljene øyet er minst følsomt for: fin tekstur, subtile fargeforskjeller og høyfrekvent støy. Resultatet kan bli en tidel av størrelsen på en tapsfri fil uten synlig forskjell, men hver ny lagring mister litt mer. JPG, tapsbasert WebP og AVIF fungerer slik.
Første regel følger direkte av dette: bruk tapsbaserte formater til fotografier, som er fulle av støy og tekstur ingen savner, og tapsfrie formater til grafikk med skarpe kanter, flate farger og tekst, der hver piksel teller.
Format for format
JPG (JPEG)
Fotoformatet siden 1992. Tapsbasert, 8-bits farger, ingen gjennomsiktighet og ingen animasjon. Støttes av alt som noen gang er laget. En kvalitetsinnstilling fra 0 til 100 styrer kompromisset, og 80 til 85 er det beste nivået til hverdagsbruk. Svakhetene er synlige «blokker» ved lav kvalitet, ringer rundt skarpe kanter og mangelen på gjennomsiktighet. Bruk det til bilder som skal hvor som helst utenfor nettleseren: e-post, trykk, markedsplasser og eldre programvare.
PNG
Tapsfritt, opptil 16-bits farger, full alfa-gjennomsiktighet og ingen animasjon (APNG finnes, men er sjelden). Riktig valg for logoer, ikoner, skjermbilder, diagrammer, grafer og alle bilder som trenger gjennomsiktig bakgrunn. Svakheten er størrelsen: et fotografi som PNG kan bli ti ganger så stort som en JPG. Bruk aldri PNG til fotografier på en nettside.
WebP
Googles nettformat, som nå støttes av alle moderne nettlesere. Det har både tapsbasert og tapsfri modus, støtter gjennomsiktighet i begge og støtter animasjon. Tapsbasert WebP er rundt 25 til 35 % mindre enn JPG ved lik kvalitet, og tapsfri WebP er rundt 25 % mindre enn PNG. Det er det beste allroundformatet for alt som vises i en nettleser. Svakheten er kompatibilitet utenfor nettleseren: eldre skrivebordsprogrammer, enkelte e-postprogrammer og mange opplastingsskjemaer avviser det fortsatt.
AVIF
Enda nyere, basert på videokodeken AV1. Vanligvis 50 % mindre enn JPG og 20 % mindre enn WebP ved lik kvalitet, med gjennomsiktighet, animasjon og støtte for brede fargerom. Støttes av alle moderne nettlesere siden 2024. Kodingen er treg, særlig i nettleseren, og støtten i programmer utenfor nettleseren er fortsatt ujevn. Bruk det når filstørrelsen er avgjørende og du styrer hvor bildet vises, og ha en WebP eller JPG som reserve ved siden av.
GIF
Fra 1987. Begrenset til 256 farger per bilderute, gjennomsiktighet med én farge, og animasjon, som er den eneste grunnen til at det fortsatt er overalt. Elendig til fotografier, greit til enkel grafikk og uslåelig på kompatibilitet. Til stillbilder gjør PNG alt GIF gjør, bare bedre, og til animasjon er MP4 eller animert WebP langt mindre.
BMP
Ukomprimert Windows-bitmap. Enorme filer, ingen gjennomsiktighet i vanlig bruk og ingen komprimering. Overlever bare fordi det er svært enkelt å lese, noe som betyr noe for innebygde enheter og gammel programvare. Bruk det aldri på nett eller til lagring.
ICO
Formatet for Windows-ikoner og favikoner i nettleseren. Inneholder flere størrelser av samme bilde i én fil, slik at riktig størrelse kan velges for en fane, et bokmerke eller en snarvei på skrivebordet. Lages fra en PNG med verktøyet PNG til ICO.
Sammenligningstabell
| Format | Komprimering | Gjennomsiktighet | Animasjon | Fotostørrelse sammenlignet med JPG | Kompatibilitet |
|---|---|---|---|---|---|
| JPG | Tapsbasert | Nei | Nei | 1× | Overalt |
| PNG | Tapsfri | Ja, full alfa | Nei | 5 til 10× | Overalt |
| WebP | Begge | Ja, full alfa | Ja | 0,65 til 0,75× | Alle nettlesere, de fleste moderne apper |
| AVIF | Begge | Ja, full alfa | Ja | 0,5× | Alle moderne nettlesere, få apper |
| GIF | Tapsfri, 256 farger | Ja, av/på | Ja | 2 til 4× (og dårligere kvalitet) | Overalt |
| BMP | Ingen | Nei | Nei | 20 til 30× | Overalt, men sjelden brukt |
Hvilket format til hvilken jobb
- Bilder på en nettside: WebP med kvalitet 75 til 85, med JPG som reserve hvis du må støtte svært gamle nettlesere. AVIF hvis du vil ha minst mulig sider.
- Logoer og ikoner på en nettside: SVG hvis du har det, ellers PNG eller tapsfri WebP.
- Skjermbilder: PNG. Tapsbasert komprimering gjør tekst uskarp.
- E-postvedlegg: JPG til bilder, PNG til grafikk. Ikke send WebP, for altfor mange e-postprogrammer håndterer det dårlig.
- Trykk: JPG med kvalitet 95 eller PNG/TIFF, med 300 piksler per tomme av trykkstørrelsen.
- Sosiale medier: JPG eller PNG. Alle plattformer komprimerer på nytt ved opplasting uansett, så last opp i høy kvalitet og med riktige mål.
- Gjennomsiktige produktutklipp: PNG for best mulig kompatibilitet, WebP for nettet.
- Favikoner: ICO pluss en PNG til startskjermen på mobil.
Konvertere mellom dem
All konvertering på denne siden skjer i nettleseren din. De vanligste rutene er PNG til WebP og JPG til WebP for nettet, WebP til JPG og WebP til PNG for kompatibilitet, og PNG til JPG for å krympe bilder som ble eksportert i feil format. Bildekomprimeringen håndterer alle disse, også mange filer på en gang.