JPG, PNG eller WebP: vilket format ska du använda?

Kort sagt: foton i JPG eller WebP; grafik och transparens i PNG eller WebP. Kontrollera att platsen du laddar upp till godtar WebP innan du byter.

JPG (skrivs även JPEG) lagrar foton kompakt genom att kasta bort fina detaljer som ögat sällan märker. Nästan alla webbplatser, appar, e-posttjänster och marknadsplatser godtar formatet, vilket gör det till det säkraste valet när du är osäker.

Svagheterna är skarpa kanter och enfärgade ytor. Text, linjeteckningar och skärmbilder får suddiga glorior runt konturerna, och JPG saknar transparens. Varje gång en JPG redigeras och sparas igen förlorar den lite till, så behåll originalet och exportera från det.

Vill du göra en JPG mindre utan att byta format, använd bildkomprimeringen; vill du prova WebP, använd JPG till WebP.

PNG är förlustfritt: varje pixel bevaras exakt som den var. Det gör formatet rätt för logotyper, ikoner, skärmbilder av gränssnitt och allt med text, och det stöder full transparens, även mjuka kanter och skuggor.

Priset är storleken. Ett foto som sparats som PNG är oftast flera gånger större än en bra JPG. I HTTP Archives Web Almanac 2024 använde en PNG på webben i median 3,8 bitar per pixel, mot 2,0 för JPG och 1,3 för WebP.

Innehåller en PNG ett foto, konvertera den. Innehåller den grafik, komprimera den som PNG eller prova PNG till WebP, som behåller transparensen.

Google utvecklade WebP för webben, och det fungerar på båda sätten: förstörande som JPG eller förlustfritt som PNG, med transparens i båda fallen. Enligt Google är förlustfria WebP-filer 26 % mindre än PNG-filer och förstörande WebP-filer 25–34 % mindre än jämförbara JPG-filer.

Alla aktuella större webbläsare visar WebP: omkring 97 % av de webbläsare som används, inklusive Safari sedan version 14. Haken finns utanför webbläsaren. Vissa plattformar godtar fortfarande inte WebP vid uppladdning: Amazon, Etsy och Mailchimp listar till exempel JPG och PNG men inte WebP.

Konvertering är inte heller någon garanterad vinst. En enkel logotyp eller en skärmbild med få färger kan bli mindre som PNG. Konvertera, jämför de två filerna och behåll den mindre.

1. 01Behöver bilden transparens? Använd PNG, eller WebP där det godtas.
2. 02Är det ett foto eller en realistisk bild? Använd JPG, eller WebP på din egen webbplats.
3. 03Är det en skärmbild, ett diagram, en logotyp eller text? Använd PNG, prova sedan WebP och jämför filerna.
4. 04Var ska bilden laddas upp? Kontrollera att plattformen godtar formatet; annars håller du dig till JPG eller PNG.
5. 05Komprimera den färdiga filen, oavsett format.

Storlekar och gränser för specifika plattformar hittar du i krav på bildstorlek för e-post och webbutiker.

AVIF är ett nyare format som kan ge ännu mindre filer, men det tar längre tid att skapa och färre verktyg och plattformar godtar det. På webben är det fortfarande ovanligt: i Web Almanac 2025 stod AVIF för 0,7 % av LCP-bilderna, mot 11 % för WebP, 26 % för PNG och 57 % för JPG. För de flesta webbplatser räcker JPG, PNG och WebP i dag till allt.

• Att spara foton som PNG för kvalitetens skull. PNG bevarar detaljerna som redan finns men kan inte lägga till några, och filen blir flera gånger större.
• Att konvertera en JPG till PNG för att laga suddiga kanter. Skadan finns redan i JPG-filen; gå tillbaka till originalet i stället.
• Att byta allt till WebP utan att kontrollera. Din webbplats kan välkomna det medan din butiksplattform eller ditt e-postverktyg avvisar det.
• Att sluta när formatet är valt. Formatet ger utgångsläget; att komprimera den färdiga filen gör resten.

Nästa steg: så komprimerar du bilder för en webbplats, steg för steg.