Bildformat förklarade: JPG, PNG, WebP, AVIF, GIF, BMP och ICO
Vilket format du ska använda för foton, logotyper, skärmbilder, webbsidor, tryck och sociala medier, och varför.
Varje bildformat är en uppsättning kompromisser mellan filstorlek, kvalitet, transparens, animering och kompatibilitet. Väljer du fel får du antingen en uppsvälld fil eller en suddig logotyp. Den här guiden går igenom vad varje format är bra på, med siffrorna du behöver för att bestämma dig.
Två sorters komprimering
Förlustfri komprimering sparar varje pixel exakt och hittar bara ett effektivare sätt att skriva samma data, ungefär som en ZIP-fil gör. Öppna och spara en förlustfri bild tusen gånger så är den fortfarande oförändrad. PNG, BMP, GIF och förlustfri WebP fungerar så.
Förstörande komprimering slänger information och siktar på de detaljer som ögat är minst känsligt för: fin textur, subtila färgskillnader och högfrekvent brus. Resultatet kan bli en tiondel så stort som en förlustfri fil utan synlig skillnad, men varje ny sparning förlorar lite mer. JPG, förstörande WebP och AVIF fungerar så.
Regel nummer ett följer direkt: använd förstörande format för fotografier, som är fulla av brus och textur som ingen saknar, och förlustfria format för grafik med skarpa kanter, platta färger och text, där varje pixel räknas.
Format för format
JPG (JPEG)
Fotoformatet sedan 1992. Förstörande, 8-bitars färg, ingen transparens och ingen animering. Stöds av allt som någonsin har tillverkats. En kvalitetsinställning från 0 till 100 styr kompromissen, och 80 till 85 är den bästa nivån till vardags. Svagheterna är synliga "block" vid låg kvalitet, ringningar runt skarpa kanter och att transparens saknas. Använd det för foton som ska någonstans utanför webbläsaren: e-post, tryck, marknadsplatser och äldre program.
PNG
Förlustfritt, upp till 16-bitars färg, full alfatransparens och ingen animering (APNG finns men är ovanligt). Rätt val för logotyper, ikoner, skärmbilder, diagram, grafer och alla bilder som behöver transparent bakgrund. Svagheten är storleken: ett foto som PNG kan bli tio gånger större än som JPG. Använd aldrig PNG för fotografier på en webbplats.
WebP
Googles webbformat, som nu stöds av alla aktuella webbläsare. Det har både ett förstörande och ett förlustfritt läge, klarar transparens i båda och klarar animering. Förstörande WebP är ungefär 25 till 35 procent mindre än JPG vid samma kvalitet, och förlustfri WebP är ungefär 25 procent mindre än PNG. Det är det bästa allroundformatet för allt som visas i en webbläsare. Svagheten är kompatibiliteten utanför webbläsaren: äldre datorprogram, vissa e-postprogram och många uppladdningsformulär nekar det fortfarande.
AVIF
Ännu nyare och baserat på videokodeken AV1. Normalt 50 procent mindre än JPG och 20 procent mindre än WebP vid samma kvalitet, med transparens, animering och stöd för breda färgrymder. Stöds av alla aktuella webbläsare sedan 2024. Kodningen är långsam, särskilt i webbläsaren, och stödet i andra program än webbläsare är fortfarande ojämnt. Använd det när filstorleken är avgörande och du styr miljön där bilden visas, och servera en WebP- eller JPG-reserv vid sidan av.
GIF
Från 1987. Begränsat till 256 färger per bildruta, transparens med en enda färg och animering, vilket är den enda anledningen till att formatet fortfarande finns överallt. Uselt för foton, okej för enkel grafik och oslagbart när det gäller kompatibilitet. För stillbilder gör PNG allt som GIF gör, fast bättre, och för animering är MP4 eller animerad WebP betydligt mindre.
BMP
Okomprimerad Windows-bitmapp. Enorma filer, ingen transparens i vanlig användning och ingen komprimering. Lever bara kvar för att formatet är extremt enkelt att läsa, vilket spelar roll för inbyggda enheter och gamla program. Använd det aldrig på webben eller för lagring.
ICO
Formatet för Windows-ikoner och favicons i webbläsaren. Det innehåller flera storlekar av samma bild i en fil, så att rätt storlek kan väljas för en flik, ett bokmärke eller en genväg på skrivbordet. Du skapar det från en PNG med verktyget PNG till ICO.
Jämförelsetabell
| Format | Komprimering | Transparens | Animering | Fotostorlek jämfört med JPG | Kompatibilitet |
|---|---|---|---|---|---|
| JPG | Förstörande | Nej | Nej | 1 gång | Överallt |
| PNG | Förlustfri | Ja, full alfa | Nej | 5 till 10 gånger | Överallt |
| WebP | Båda | Ja, full alfa | Ja | 0,65 till 0,75 gånger | Alla webbläsare, de flesta moderna appar |
| AVIF | Båda | Ja, full alfa | Ja | 0,5 gånger | Alla aktuella webbläsare, få appar |
| GIF | Förlustfri, 256 färger | Ja, på/av | Ja | 2 till 4 gånger (och sämre kvalitet) | Överallt |
| BMP | Ingen | Nej | Nej | 20 till 30 gånger | Överallt men används sällan |
Vilket format för vilket jobb
- Foton på en webbplats: WebP med kvalitet 75 till 85, med en JPG-reserv om du måste stödja mycket gamla webbläsare. AVIF om du vill ha så små sidor som möjligt.
- Logotyper och ikoner på en webbplats: SVG om du har det, annars PNG eller förlustfri WebP.
- Skärmbilder: PNG. Förstörande komprimering gör texten suddig.
- E-postbilagor: JPG för foton, PNG för grafik. Skicka inte WebP, eftersom alldeles för många e-postprogram hanterar det fel.
- Tryck: JPG med kvalitet 95 eller PNG/TIFF, med 300 pixlar per tum i tryckt storlek.
- Sociala medier: JPG eller PNG. Alla plattformar komprimerar om vid uppladdning ändå, så ladda upp i hög kvalitet och med rätt mått.
- Frilagda produktbilder med transparens: PNG för maximal kompatibilitet, WebP för webben.
- Favicons: ICO plus en PNG för hemskärmen i mobilen.
Konvertera mellan formaten
Varje konvertering på den här webbplatsen körs i din webbläsare. De vanligaste vägarna är PNG till WebP och JPG till WebP för webben, WebP till JPG och WebP till PNG för kompatibilitet, och PNG till JPG för att krympa foton som har sparats i fel format. Bildkomprimeraren hanterar alla dessa och klarar många filer på en gång.