Vilket bildformat ska du välja?
Fyra format med fyra olika syften. Här är vad de gör, när du ska använda vilket, och varför en PNG av ett foto nästan alltid är fel val.
Publicerad
Frågan dyker upp varje gång något ska sparas eller laddas upp, och svaret “JPG, det brukar funka” är rätt förvånansvärt ofta. Men inte alltid. Här är vad som faktiskt skiljer formaten åt.
Den korta versionen
| Format | Använd till | Undvik när |
|---|---|---|
| JPG | Foton som ska delas, mejlas eller laddas upp någonstans | Bilden behöver genomskinlig bakgrund |
| PNG | Logotyper, skärmdumpar, ikoner, allt med genomskinlighet | Det är ett foto, för då blir filen onödigt stor |
| WebP | Bilder på en hemsida | Filen ska öppnas i äldre program utanför webben |
| AVIF | Hemsidor där varje kilobyte räknas | Du har bråttom, för den är långsam att skapa |
JPG, den gemensamma nämnaren
JPG är från 1992 och kan öppnas av bokstavligen allting. Formatet är förlustbaserat och kastar bort detaljer som ögat ändå inte uppfattar, vilket är därför filerna blir små.
Styrkan är kompatibilitet. Det finns inget program, ingen skrivare och ingen tjänst som inte klarar JPG. Svagheten är att det inte kan lagra genomskinlighet, och att kvaliteten sjunker varje gång bilden sparas om.
Använd JPG när bilden ska ut ur din kontroll: bifogas i mejl, laddas upp till Skatteverket, lämnas till ett fotolabb.
PNG, förlustfritt och därför stort
PNG sparar varje pixel exakt som den var. Ingenting kastas bort, oavsett hur många gånger du sparar om filen. Dessutom kan PNG lagra genomskinlighet, vilket JPG inte kan.
Det gör PNG perfekt för logotyper, ikoner, diagram och skärmdumpar, alltså bilder med stora enfärgade ytor och skarpa kanter, där JPG:s komprimering skulle ge synliga artefakter runt text och linjer.
Men lägg ett fotografi i en PNG och du får en fil som kan vara tio gånger större än nödvändigt, utan någon synlig vinst. Det är det vanligaste formatmisstaget som görs.
Använd PNG när något ska vara genomskinligt, eller när bilden mest består av text och grafik.
WebP, det praktiska valet för webben
Google släppte WebP 2010 för att lösa ett konkret problem: webbsidor var långsamma för att bilderna var stora. Formatet ger ungefär 30 procent mindre filer än JPG vid samma synliga kvalitet, och klarar dessutom genomskinlighet som PNG.
Stödet är numera komplett. Alla webbläsare i praktisk användning klarar WebP, inklusive Safari sedan 2020. Utanför webbläsaren är det sämre, eftersom en del äldre bildprogram och en del myndighetsformulär fortfarande inte vill veta av det.
Använd WebP när bilden ska ligga på en hemsida.
AVIF, minst men långsammast
AVIF bygger på videokodeken AV1 och är det mest effektiva av de fyra. Samma bild kan bli hälften så stor som en WebP, vilket är imponerande.
Priset är tid. Att skapa en AVIF-fil kräver betydligt mer beräkning än de andra formaten, och det märks tydligt när du konverterar många bilder, särskilt i webbläsaren där det körs på din egen processor. Stödet är också något yngre, eftersom Safari fick det först i version 16.
Använd AVIF när du optimerar en hemsida på allvar och har tid att vänta.
Praktiska tumregler
- Utgå alltid från originalet. Varje omkodning mellan förlustbaserade format tappar lite. Konvertera inte en kopia av en kopia.
- Konvertera aldrig ett foto till PNG för att “behålla kvaliteten”. Kvaliteten är redan bestämd av originalet, så du får bara en större fil.
- Kvalitetsnivå 75–85 räcker för nästan allt som ska visas på skärm. Skillnaden mot 100 är osynlig, men filen är flera gånger mindre.
- Genomskinlighet överlever inte JPG. Konverterar du en genomskinlig PNG till JPG måste bakgrunden fyllas med något. Vi använder vitt, medan många program använder svart.
Vill du prova skillnaden på dina egna bilder gör du det med Konvertera bild, som visar den faktiska filstorleken för varje format innan du sparar.
Vanliga frågor
- Kan alla webbläsare visa WebP och AVIF?
- WebP stödjs av alla webbläsare som används idag, inklusive Safari sedan 2020. AVIF stödjs av Chrome, Firefox, Edge och Safari sedan version 16. Ska bilden fungera i väldigt gamla program utanför webben är JPG fortfarande säkrast.
- Varför blir min PNG så stor?
- PNG är förlustfritt, alltså sparas varje pixel exakt. Det är utmärkt för logotyper och skärmdumpar med stora enfärgade ytor, men förödande för foton där varje pixel är unik. Ett foto som PNG kan lätt bli tio gånger större än samma bild som JPG.
- Vilket format är bäst för hemsidan?
- WebP i de allra flesta fall. Ungefär 30 procent mindre än JPG vid samma kvalitet, stöd för genomskinlighet och stöd i alla aktuella webbläsare. AVIF blir ännu mindre men tar längre tid att skapa.
- Förlorar bilden kvalitet varje gång jag konverterar?
- Ja, om både käll- och målformat är förlustbaserade som JPG och WebP. Utgå därför alltid från originalet i stället för att konvertera en redan konverterad kopia. PNG är förlustfritt och tappar ingenting, men filen blir stor.