Bildformat: JPEG, PNG och WebP – vilket ska du välja?
Vi har alla varit där – du laddar upp en bild och undrar varför den ser suddig ut eller tar upp halva din lagringsyta. Kanske har du försökt ladda ner ett stockfoto och fått en fil som väger 40 MB, eller tvärtom en bild som ser ut som en mosaik när du zoomar in. I den här guiden reder vi ut skillnaderna mellan de vanligaste bildformaten och vad de betyder för dig som köper eller säljer stockfoto. Vi går igenom komprimering, transparens, bildrätt och konkreta rekommendationer – så att du kan fatta rätt beslut nästa gång du står inför valet mellan JPEG, PNG och WebP.
Varför bildformat spelar roll för din bildbyrå
Valet av filformat påverkar tre saker som alla har betydelse för både dig och din bildbyrå: filstorlek, laddningstid och bildkvalitet. En JPEG-fil kan vara tio gånger mindre än samma bild sparad som PNG, vilket gör enorm skillnad för hur snabbt en webbsida laddas. Bildkvaliteten påverkas i sin tur av hur komprimeringen går till – vissa format kastar bort bilddata permanent, andra bevarar all information.
JPEG är standardformatet hos de flesta bildbyråer, inklusive svenska aktörer som Johnér och Bildhuset. Det beror på att formatet ger en bra balans mellan kvalitet och filstorlek, och att det stöds av i princip alla program och plattformar. PNG och WebP används däremot för mer specifika ändamål – PNG när du behöver transparens eller knivskarpa kanter, WebP när du vill ha moderna webbprestanda.
Komprimering: förlustfri vs. förstörande
Det finns två grundläggande typer av komprimering. Förlustfri komprimering (lossless) bevarar all bilddata – filen blir mindre utan att en enda pixel förändras. PNG och WebP i förlustfritt läge använder denna metod. Förstörande komprimering (lossy) kastar bort bildinformation som ögat har svårt att uppfatta, vilket ger mycket mindre filer men också sämre kvalitet vid upprepad redigering. JPEG är det klassiska exemplet på förstörande komprimering.
För dig som fotograferar innebär detta att du bör spara dina original i ett förlustfritt format och först därefter exportera till JPEG eller WebP för publicering. Annars riskerar du att kvaliteten försämras varje gång du öppnar och sparar filen igen.
Transparens och lager – när det behövs
Transparens innebär att delar av bilden är genomskinliga, vilket är avgörande för logotyper, ikoner och grafik som ska placeras ovanpå olika bakgrunder. JPEG stödjer inte transparens alls, medan PNG och WebP gör det. Om du arbetar med lager i Photoshop eller Illustrator behöver du ett format som bevarar dessa – PNG är det vanligaste valet, även om WebP också klarar uppgiften.
JPEG – arbetshästen inom stockfoto
JPEG lanserades 1992 och är fortfarande det dominerande formatet för fotografier. Det används av svenska bildbyråer som Johnér och Bildhuset, och på internationella plattformar som Shutterstock och Getty Images är JPEG standard för nedladdning. Anledningen är enkel: formatet ger små filer med acceptabel kvalitet, och det fungerar överallt.
Nackdelen är den förstörande komprimeringen. Varje gång du sparar en JPEG-fil förlorar du lite bildinformation, och om du sparar samma fil flera gånger uppstår synliga artefakter – blockiga ytor och suddiga kanter. Därför bör du alltid arbeta med en förlustfri originalfil och bara exportera till JPEG i slutet av arbetsflödet.
När du bör använda JPEG
- Fotografier för webb, sociala medier och tryck
- Stockfoto som ska laddas ner och användas i olika sammanhang
- E-postbilagor och dokument där filstorleken är viktig
- Bilder där transparens inte behövs
Vanliga misstag med JPEG-komprimering
Det vanligaste misstaget är att komprimera för hårt. En kvalitetsinställning på 10–20 procent ger visserligen små filer, men bilden blir tydligt suddig. Vi rekommenderar 70–85 procent för webb och 90–95 procent för tryck. Ett annat misstag är att redigera och spara JPEG-filen flera gånger – varje sparning försämrar kvaliteten.
PNG – för skarpa kanter och transparens
PNG utvecklades 1996 som ett patentfritt alternativ till GIF och är förlustfritt, vilket innebär att ingen bilddata förloras vid sparande. Formatet stödjer transparens, vilket gör det idealiskt för logotyper, ikoner och grafik med skarpa kanter. Till skillnad från JPEG klarar PNG av text och linjer utan att skapa suddiga artefakter.
Priset för den höga kvaliteten är filstorleken. En PNG-fil kan vara fem till tio gånger större än motsvarande JPEG, vilket påverkar webbprestandan negativt om du använder formatet för fotografier. Därför bör PNG reserveras för grafik där transparens eller skarpa kanter är avgörande.
PNG-8 vs. PNG-24 – vad skiljer?
PNG finns i två huvudvarianter. PNG-8 stödjer upp till 256 färger och används för enkla ikoner och grafik med begränsad färgpalett – filerna blir små men klarar inte foton. PNG-24 stödjer miljontals färger och full transparens, vilket ger hög kvalitet men större filer. För logotyper och grafik med mjuka kanter är PNG-24 rätt val.
Optimeringsverktyg som TinyPNG
Eftersom PNG-filer snabbt blir stora finns det verktyg som komprimerar dem utan synlig kvalitetsförlust. TinyPNG är ett populärt webbverktyg som minskar filstorleken med upp till 70 procent genom att ta bort onödig metadata och optimera färgpaletten. Liknande funktioner finns inbyggda i Photoshop under ”Export As” och i verktyg som ImageOptim för Mac.
WebP – Googles moderna format för webben
WebP utvecklades av Google och lanserades 2010 som ett format specifikt designat för webben. Det erbjuder både förlustfri och förstörande komprimering, stödjer transparens och animation, och ger i genomsnitt 25–35 procent mindre filer än JPEG vid jämförbar kvalitet. Formatet stöds av alla moderna webbläsare – Chrome, Firefox, Safari och Edge.
Svenska e-handlare som H&M och IKEA använder WebP för snabbare laddning av produktbilder, vilket är avgörande för konvertering och användarupplevelse. För dig som driver en webbplats eller e-handel är WebP därför ett starkt val – förutsatt att du hanterar fallback för äldre webbläsare.
Fördelar med WebP jämfört med JPEG och PNG
- Mindre filstorlek vid samma visuella kvalitet
- Stödjer både förlustfri och förstörande komprimering
- Klarar transparens, till skillnad från JPEG
- Bättre prestanda för webb och mobila enheter
Fallback-strategier för äldre webbläsare
Även om alla moderna webbläsare stödjer WebP finns det fortfarande användare med äldre versioner. Lösningen är att använda HTML-elementet <picture> med flera källor, där WebP erbjuds först och JPEG som reserv. På så sätt får alla användare en fungerande bild, oavsett webbläsare.
Bildrätt och licenser – vad gäller för olika format?
Bildlicenser kan variera beroende på format, särskilt vid konvertering mellan format. Ofta licensieras originalfilen – exempelvis RAW eller TIFF – medan webbversioner levereras som JPEG eller WebP. Det innebär att din licens kan omfatta en specifik version av bilden, och att du inte automatiskt får rätt att konvertera eller bearbeta den på alla sätt.
Creative Commons-licenser kan ha specifika krav på format. Vissa licenser kräver att du bevarar metadata och attribution, vilket kan gå förlorat vid konvertering till WebP eller hård JPEG-komprimering. Kontrollera alltid licensvillkoren innan du publicerar.
Royaltyfri vs. Rights Managed – spelar formatet roll?
Royaltyfria licenser ger dig rätt att använda bilden obegränsat inom ramen för licensavtalet, och formatet påverkar sällan villkoren. Rights Managed-licenser är däremot ofta knutna till specifika användningsområden och kan begränsa vilka format du får distribuera. Läs alltid det finstilta – särskilt om du planerar att konvertera bilden till ett annat format.
Att konvertera mellan format – vad säger lagen?
Att konvertera en bild från JPEG till WebP är i sig inte olagligt, men det kan strida mot licensvillkoren om konverteringen förändrar bildens kvalitet eller tar bort metadata. Vid osäkerhet rekommenderar vi att kontakta bildbyrån och fråga. Hos IQ Images kan du ladda ner bilder i flera format, vilket förenklar processen och säkerställer att du följer licensen.
Så väljer du rätt format för ditt projekt
Sammanfattningsvis handlar valet av bildformat om en avvägning mellan kvalitet, filstorlek och användningsområde. För fotografering rekommenderar vi JPEG för foton, PNG för grafik med transparens och WebP för webb för bästa prestanda. IQ Images erbjuder nedladdning i flera format, så att du kan välja det som passar ditt projekt bäst.
Checklista för webbpublicering
- Välj WebP för bästa prestanda, med JPEG som fallback
- Komprimera bilden till 70–85 procent kvalitet
- Använd PNG endast för logotyper och grafik med transparens
- Kontrollera att bildens metadata och attribution bevaras
- Testa laddningstiden i Google PageSpeed Insights
Format för tryck och utskrift
För tryck är JPEG fortfarande standard, men med hög kvalitet (90–95 procent) och rätt färgprofil (CMYK). Undvik WebP för tryck eftersom tryckerier sällan stödjer formatet. PNG kan användas för grafik och logotyper, men kontrollera att upplösningen är tillräcklig – minst 300 dpi.
Vanliga frågor om bildformat
Vilket bildformat är bäst för stockfoto?
JPEG är standardformatet hos de flesta bildbyråer, inklusive svenska Johnér och Bildhuset. Det ger en bra balans mellan kvalitet och filstorlek och stöds av alla program. För webbpublicering kan WebP vara ett bättre val tack vare mindre filer.
Kan jag konvertera en JPEG till PNG utan kvalitetsförlust?
Nej, kvaliteten kan inte förbättras genom att konvertera en JPEG till PNG. Eftersom JPEG redan har förstörande komprimering har bilddata förlorats permanent. Konverteringen bevarar den nuvarande kvaliteten men återställer inget.
Stödjer alla webbläsare WebP?
Ja, alla moderna webbläsare – Chrome, Firefox, Safari och Edge – stödjer WebP. För äldre versioner rekommenderar vi att använda <picture>-elementet med JPEG som fallback.
Påverkar bildformatet min licens?
Ja, bildlicenser kan variera beroende på format, särskilt vid konvertering mellan format. Vissa licenser kräver att metadata bevaras, vilket kan gå förlorat vid konvertering. Kontrollera alltid licensvillkoren innan du publicerar.
Varför blir mina PNG-filer så stora?
PNG är förlustfritt och bevarar all bilddata, vilket gör filerna större än JPEG. Använd optimeringsverktyg som TinyPNG eller ImageOptim för att minska filstorleken utan synlig kvalitetsförlust.
Rätt bildformat är en balans mellan kvalitet, filstorlek och användningsområde – och du bör alltid kontrollera bildlicensen innan du publicerar. Genom att förstå skillnaderna mellan JPEG, PNG och WebP kan du fatta informerade beslut som gynnar både din webbplats och dina bilder.
Publicera kommentar