Billedformater forklaret: JPG, PNG, WebP, AVIF, GIF, BMP og ICO
Hvilket format du skal bruge til fotos, logoer, skærmbilleder, hjemmesider, tryk og sociale medier, og hvorfor.
Hvert billedformat er et sæt kompromiser mellem filstørrelse, kvalitet, gennemsigtighed, animation og kompatibilitet. Vælger du forkert, får du enten en oppustet fil eller et sløret logo. Denne guide viser, hvad hvert format er godt til, med de tal du skal bruge for at beslutte dig.
De to slags komprimering
Tabsfri komprimering gemmer hver eneste pixel præcist og finder bare en mere effektiv måde at skrive de samme data på, ligesom en ZIP gør. Åbn og gem et tabsfrit billede tusind gange, og det er uændret. PNG, BMP, GIF og tabsfri WebP fungerer sådan.
Tabsgivende komprimering smider information væk og går efter de detaljer, øjet er mindst følsomt over for: fin tekstur, små farveforskelle og højfrekvent støj. Resultatet kan være en tiendedel af størrelsen på en tabsfri fil uden synlig forskel, men hver ny gemning mister lidt mere. JPG, tabsgivende WebP og AVIF fungerer sådan.
Første regel følger direkte heraf: brug tabsgivende formater til fotos, som er fulde af støj og tekstur ingen savner, og tabsfri formater til grafik med skarpe kanter, ensfarvede flader og tekst, hvor hver pixel tæller.
Format for format
JPG (JPEG)
Fotoformatet siden 1992. Tabsgivende, 8-bit farver, ingen gennemsigtighed, ingen animation. Understøttes af alt, der nogensinde er lavet. En kvalitetsindstilling fra 0 til 100 styrer kompromiset, og 80 til 85 er det gode hverdagsvalg. Svaghederne er synlige "blokke" ved lav kvalitet, ringe omkring skarpe kanter og manglende gennemsigtighed. Brug det til fotos, der skal bruges uden for en browser: e-mail, tryk, markedspladser og ældre programmer.
PNG
Tabsfri, op til 16-bit farver, fuld alfa-gennemsigtighed, ingen animation (APNG findes, men er sjælden). Det rigtige valg til logoer, ikoner, skærmbilleder, diagrammer, grafer og ethvert billede, der skal have gennemsigtig baggrund. Svagheden er størrelsen: et foto i PNG kan være ti gange så stort som en JPG. Brug aldrig PNG til fotos på en hjemmeside.
WebP
Googles webformat, som nu understøttes af alle aktuelle browsere. Har både en tabsgivende og en tabsfri tilstand, understøtter gennemsigtighed i begge og understøtter animation. Tabsgivende WebP er cirka 25 til 35 % mindre end JPG ved samme kvalitet, og tabsfri WebP er cirka 25 % mindre end PNG. Det er det bedste allround-format til alt, der vises i en browser. Svagheden er kompatibilitet uden for browseren: ældre computerprogrammer, nogle mailprogrammer og mange uploadformularer afviser det stadig.
AVIF
Endnu nyere og bygget på videocodecen AV1. Typisk 50 % mindre end JPG og 20 % mindre end WebP ved samme kvalitet, med gennemsigtighed, animation og understøttelse af brede farverum. Understøttet af alle aktuelle browsere siden 2024. Kodningen er langsom, især i browseren, og understøttelsen i programmer uden for browseren er stadig hullet. Brug det, når filstørrelsen er afgørende, og du styrer, hvor billedet vises, og lever en WebP eller JPG som reserve ved siden af.
GIF
Fra 1987. Begrænset til 256 farver pr. billede, gennemsigtighed med én farve og animation, som er den eneste grund til, at det stadig er overalt. Elendigt til fotos, fint til simpel grafik og uovertruffent på kompatibilitet. Til stillbilleder gør PNG alt, hvad GIF gør, bare bedre, og til animation er MP4 eller animeret WebP langt mindre.
BMP
Ukomprimeret Windows-bitmap. Kæmpe filer, ingen gennemsigtighed i almindelig brug, ingen komprimering. Overlever kun fordi det er helt enkelt at læse, hvilket betyder noget for indlejrede enheder og gamle programmer. Brug det aldrig på nettet eller til opbevaring.
ICO
Formatet til Windows-ikoner og browserens favicon. Indeholder flere størrelser af det samme billede i én fil, så den rigtige kan vælges til en fane, et bogmærke eller en genvej på skrivebordet. Laves ud fra en PNG med værktøjet PNG til ICO.
Sammenligningstabel
| Format | Komprimering | Gennemsigtighed | Animation | Fotostørrelse i forhold til JPG | Kompatibilitet |
|---|---|---|---|---|---|
| JPG | Tabsgivende | Nej | Nej | 1× | Overalt |
| PNG | Tabsfri | Ja, fuld alfa | Nej | 5 til 10× | Overalt |
| WebP | Begge | Ja, fuld alfa | Ja | 0,65 til 0,75× | Alle browsere, de fleste moderne apps |
| AVIF | Begge | Ja, fuld alfa | Ja | 0,5× | Alle aktuelle browsere, få apps |
| GIF | Tabsfri, 256 farver | Ja, til eller fra | Ja | 2 til 4× (og dårligere kvalitet) | Overalt |
| BMP | Ingen | Nej | Nej | 20 til 30× | Overalt, men sjældent brugt |
Hvilket format til hvilken opgave
- Fotos på en hjemmeside: WebP med kvalitet 75 til 85, med en JPG som reserve, hvis du skal understøtte meget gamle browsere. AVIF, hvis du vil have de mindst mulige sider.
- Logoer og ikoner på en hjemmeside: SVG, hvis du har det, ellers PNG eller tabsfri WebP.
- Skærmbilleder: PNG. Tabsgivende komprimering gør tekst sløret.
- Vedhæftede filer i e-mails: JPG til fotos, PNG til grafik. Send ikke WebP, for alt for mange mailprogrammer håndterer det forkert.
- Tryk: JPG med kvalitet 95 eller PNG/TIFF, med 300 pixels pr. tomme af den trykte størrelse.
- Sociale medier: JPG eller PNG. Alle platforme komprimerer igen ved upload alligevel, så upload i høj kvalitet og i de rigtige mål.
- Gennemsigtige produktudklip: PNG for maksimal kompatibilitet, WebP til nettet.
- Favicons: ICO plus en PNG til mobilens hjemmeskærm.
Konvertering mellem formaterne
Alle konverteringer på denne side kører i din browser. De mest almindelige er PNG til WebP og JPG til WebP til nettet, WebP til JPG og WebP til PNG for kompatibilitet, og PNG til JPG til at gøre fotos mindre, når de er eksporteret i det forkerte format. Billedkomprimeringen klarer dem alle og kan behandle mange filer på én gang.