JPEG för fotografier
JPEG komprimerar fotografier effektivt men använder förstörande komprimering och stödjer inte genomskinlighet. Det passar bilder med många färger och mjuka övergångar.
PNG för grafik och transparens
PNG bevarar skarpa kanter och kan ha genomskinlig bakgrund. Filerna blir ofta stora för fotografier men passar skärmbilder, diagram och grafik.
Moderna alternativ
WebP och AVIF kan ofta ersätta båda med mindre filer. Behåll rätt reservformat om äldre system eller redigeringsflöden kräver det.
Testa i verklig storlek
Välj inte format enbart efter filtyp. Exportera alternativen i den dimension som ska användas och jämför kvalitet och filstorlek.
Ett enkelt beslutsträd räcker för de flesta bilder
Är motivet ett fotografi utan behov av transparens? Då är JPEG eller ett modernare fotografiskt format ofta rimligt. Är det en skärmdump med text eller grafik där varje kant ska vara skarp? PNG kan fungera bättre, särskilt om filen inte blir för stor. Behövs transparens men filstorleken blir tung kan WebP eller AVIF testas. Därefter mäter du den verkliga filen. Formatvalet behöver inte vara ideologiskt; välj det som ger rätt visuell kvalitet till minst rimliga vikt och som fungerar i webbplatsens befintliga bildpipeline. Bildoptimering är också redaktionellt arbete.
JPEG passar vanligtvis bäst för fotografiskt innehåll
JPEG är byggt för fotografier och mjuka färgövergångar och kan komprimeras kraftigt genom att kasta viss bildinformation. Det gör formatet effektivt för stora foton där lite kvalitetsförlust inte märks.
Om du sparar samma JPEG om och om igen med låg kvalitet byggs däremot artefakterna på. Behåll därför ett original och skapa webbversionen från det. För logotyper och grafik med skarpa linjer kan JPEG ge suddiga kanter och är ofta ett sämre val.
PNG är starkt för transparens och pixelperfekt grafik
PNG använder förlustfri komprimering och stödjer alfatransparens.
Det gör formatet användbart för vissa ikoner, skärmdumpar och grafik där skarpa kanter behöver bevaras. Nackdelen är att ett stort fotografi som PNG ofta blir mycket tyngre än motsvarande JPEG. Transparens är inte heller längre unikt för PNG; moderna format som WebP och AVIF kan hantera det med lägre filstorlek. Välj därför PNG för dess egenskaper, inte av gammal vana.
På moderna webbplatser finns fler alternativ än två
Frågan PNG eller JPEG är fortfarande relevant, men WebP och AVIF har blivit vanliga webbformat. Ett CMS eller CDN kan automatiskt konvertera original till modernare varianter och leverera det webbläsaren stödjer. Då kan JPEG eller PNG fortfarande fungera som källformat i arbetsflödet. Det viktiga är slutresultatet: visuell kvalitet, filstorlek och kompatibilitet. Testa alltid den faktiska levererade filen i stället för att anta att formatnamnet ensam avgör prestandan.
Behöver företaget en bättre hemsida?
Få ett tydligt förslag och fast pris
Vi bygger och förbättrar WordPress-hemsidor med fokus på tydlighet, prestanda, SEO och enkel förvaltning.
Snabb återkoppling
Hjälpte den här artikeln dig?
Din röst sparas anonymt och hjälper oss att förbättra guiderna.