Hoppa till innehåll
LocalMedia Tools

PNG vs JPG vs WebP — vilket bildformat ska jag använda?

LocalMedia Tools ·

Nästan varje bild på webben är ett av tre format, och vart och ett ger upp något annat för att komma dit. JPG komprimerar fotografier aggressivt genom att kasta bort detaljer ditt öga sannolikt inte skulle sakna, PNG behåller varje pixel exakt som den var och lägger till transparens, och WebP är Googles nyare format som försöker göra båda jobben — förlustbehäftat och förlustfritt, med transparens — i en mindre fil än vad något av de äldre formaten vanligtvis ger. Att välja fel format är sällan ödesdigert, men det innebär antingen uppsvällda sidladdningstider eller synligt suddiga, blockiga bilder. Den här guiden går igenom vad varje format faktiskt gör under huven, var HEIC (formatet iPhones sparar foton i) passar in i bilden, och hur du konverterar eller komprimerar något av dem utan att ladda upp en fil någonstans.

Vad är JPG och när ska du använda det?

JPG (skrivs även JPEG) använder förlustbehäftad komprimering: den analyserar bilden i block, kastar bort fin detalj och färgvariation som det mänskliga ögat är dåligt på att lägga märke till, och återskapar en approximation vid avkodning. Den avvägningen är precis varför JPG är litet — ett fotografi som skulle ta flera megabyte okomprimerat komprimeras ofta till några hundra kilobyte vid en kvalitetsinställning de flesta inte kan skilja från originalet. JPG saknar transparenskanal, så det renderas alltid mot en ogenomskinlig bakgrund, och det passar inte bra för skärmdumpar, linjekonst eller text, där den mjuka suddigheten runt skarpa kanter blir uppenbar. Använd JPG för fotografier och fotoliknande bilder — produktbilder, porträtt, landskap — där filstorlek spelar roll och en bakgrund förväntas.

Vad är PNG och när ska du använda det?

PNG använder förlustfri komprimering: varje pixel du sparar är exakt samma pixel du får tillbaka, utan approximation. Det gör PNG till rätt val för skärmdumpar, gränssnittsskisser, logotyper, diagram och alla bilder med skarp text eller hårda kanter, där förlustbehäftade artefakter omedelbart skulle synas som suddighet eller blockigt brus runt kanterna. PNG stöder också en fullständig alfakanal (transparens), så en logotyp eller ikon kan ha en genuint genomskinlig bakgrund istället för en vit eller färgad ruta runt sig. Priset är storlek: eftersom PNG inte kan kasta bort detaljer är ett fotografi sparat som PNG vanligtvis flera gånger större än samma foto sparat som JPG, utan någon synlig kvalitetsvinst för ett fotografiskt motiv.

Vad är WebP och hur skiljer det sig från JPG och PNG?

WebP är ett nyare format byggt för att ersätta båda de äldre formaten på en gång. Det stöder både förlustbehäftad och förlustfri komprimering i samma filformat, plus en fullständig transparenskanal precis som PNG — så ett enda format kan hantera ett komprimerat foto, en förlustfri skärmdump och en transparent logotyp. I praktiken blir WebP-filer vanligtvis 25-35 % mindre än en JPG av motsvarande kvalitet, och förlustfritt WebP är vanligtvis mindre än samma bild sparad som PNG också. Webbläsarstödet har varit nästan universellt sedan tidigt 2020-tal (alla större webbläsare renderar det naturligt), vilket tog bort den historiskt största invändningen mot att använda det. Det som återstår är kompatibilitet utanför webbläsaren: vissa äldre bildredigerare, äldre CMS-tillägg och tryck- eller designarbetsflöden öppnar fortfarande inte WebP direkt, så det är värt att kontrollera din specifika verktygskedja innan du standardiserar på det överallt.

Var passar HEIC in, och bör du konvertera det?

HEIC är formatet som iPhones använder som standard för foton sedan iOS 11 — det komprimerar effektivare än JPG vid liknande kvalitet, vilket är varför det tar upp mindre plats på din telefon. Problemet är kompatibilitet, inte kvalitet: en hel del Windows-program, äldre Android-appar, webbformulär och e-postklienter kan antingen inte öppna en .heic-fil alls eller hanterar den klumpigt. Om du delar ett foto någonstans som kanske inte stöder HEIC — laddar upp till en webbplats, mejlar någon på en okänd enhet, publicerar i äldre programvara — konvertera det till JPG först för bredast möjliga kompatibilitet, eller till PNG bara om du specifikt behöver förlustfri kvalitet eller transparens (ovanligt för ett kamerafoto). LocalMedias HEIC till JPG-konverterare hanterar den här konverteringen helt i din webbläsare, så fotot läses från din enhet, konverteras och sparas tillbaka utan att laddas upp någonstans.

Vilket format bör du egentligen välja, beroende på användningsfall?

Beslutet kommer oftast an på vad bilden innehåller och vart den ska. För ett fotografi eller en fotorealistisk bild avsedd för webben, använd WebP om din plattform accepterar det, annars JPG. För en skärmdump, ett skannat dokument, diagram eller något med text, använd PNG (eller förlustfritt WebP) så att kanterna förblir skarpa. För en logotyp, ikon eller grafik som behöver en transparent bakgrund, använd PNG eller WebP — aldrig JPG, eftersom det inte alls kan representera transparens. För maximal kompatibilitet med gammal programvara, e-postklienter eller tryckarbetsflöden förblir JPG och PNG de säkraste universella valen, eftersom stödet för WebP utanför moderna webbläsare fortfarande är inkonsekvent.

Varför blir en JPG sämre av att sparas om upprepade gånger?

Eftersom JPG:s komprimering är förlustbehäftad analyserar formatet om och kastar bort ytterligare detalj varje gång du öppnar en JPG, redigerar den och sparar den igen som JPG, ovanpå det som redan kastades bort första gången. Redigera och spara om några gånger och den ackumulerade förlusten blir synlig som mjuk suddighet, färgbandning eller blockiga artefakter runt kanterna — ett problem som ofta kallas generationsförlust. Det här händer inte med PNG, eftersom förlustfri komprimering aldrig kastar bort detalj oavsett hur många gånger du sparar om den. Om du behöver redigera ett foto flera gånger, behåll en PNG eller annan förlustfri masterkopia under redigeringen och exportera bara till JPG en gång, i slutet, för slutlig leverans.

Hur konverterar eller komprimerar du bilder utan att ladda upp dem?

Att konvertera mellan JPG, PNG, WebP och HEIC, eller krympa en fil som är för stor, kräver inte alls att bilden skickas till en server — en webbläsare kan avkoda och koda om de flesta vanliga bildformat på egen hand. LocalMedias bildformatkonverterare växlar mellan JPG, PNG och WebP direkt i din webbläsarflik, och bildkomprimeraren minskar filstorleken genom att justera kvalitet eller mått, båda utan att filen någonsin lämnar din enhet. Du kan bekräfta detta själv: öppna webbläsarens DevTools (F12), gå till fliken Nätverk, och håll koll på en uppladdningsförfrågan medan du konverterar eller komprimerar en fil — ett verkligt lokalt verktyg skickar ingenting.

Relaterade verktyg

Vanliga frågor

Är PNG eller JPG bättre?
Inget av dem är universellt bättre — de är byggda för olika innehåll. JPG:s förlustbehäftade komprimering gör det betydligt mindre för fotografier, medan PNG:s förlustfria komprimering håller skärmdumpar, text och grafik fria från suddighet och lägger till transparensstöd som JPG helt saknar. Använd JPG för foton, PNG för allt med skarpa kanter, text eller en transparent bakgrund.
Är WebP bättre än JPG?
För filstorlek och kvalitet, i allmänhet ja: WebP producerar vanligtvis filer 25-35 % mindre än en JPG av motsvarande kvalitet, och det stöder även transparens och förlustfri komprimering, vilket JPG inte kan göra alls. Den enda anledningen att fortfarande välja JPG framför WebP är kompatibilitet med äldre programvara eller arbetsflöden som inte öppnar WebP-filer.
Stöder WebP transparens?
Ja. WebP har en fullständig alfa-transparenskanal i både sitt förlustbehäftade och förlustfria läge, så det kan ersätta PNG för transparenta logotyper och ikoner samtidigt som det vanligtvis producerar en mindre fil.
Ska jag konvertera HEIC till JPG eller PNG?
Konvertera till JPG i nästan alla fall — det är mindre och universellt kompatibelt, vilket matchar vad ett kamerafoto behöver. Konvertera bara till PNG om du specifikt behöver förlustfri kvalitet eller en transparent bakgrund, vilket är ovanligt för ett vanligt foto.
Vilket format ger den minsta filen?
För fotografier är förlustbehäftat WebP oftast minst, följt av JPG, med PNG betydligt större. För skärmdumpar, text eller linjekonst är förlustfritt WebP oftast minst, följt av PNG, eftersom JPG:s förlustbehäftade komprimering inte passar bra för skarpa kanter oavsett filstorlek.
Kan jag konvertera mellan PNG, JPG och WebP utan att förlora kvalitet?
Att konvertera från ett förlustfritt format (PNG) till en annan förlustfri inställning bevarar kvaliteten exakt. Att konvertera till eller mellan förlustbehäftade format (JPG, förlustbehäftat WebP) komprimerar alltid om bilden, så viss kvalitet går förlorad vid varje konvertering — behåll en förlustfri masterkopia om du förväntar dig att konvertera eller redigera en bild mer än en gång.