Billedformater sammenlignet: JPG vs PNG vs WebP vs AVIF (2026)

Det billedformat, du vælger, påvirker sideindlæsningstid, SEO-rangering (Core Web Vitals), båndbreddeomkostninger, visuel kvalitet, browserkompatibilitet og tilgængelighed. I 2026 er svaret ikke længere “bare brug JPG”, moderne formater sparer 50-70 % på filstørrelse ved ligeværdig kvalitet.

Denne guide sammenligner de fire formater, der betyder noget i dag: JPG, PNG, WebP, AVIF. Plus en bemærkning om HEIC (Apple), TIFF (udskrift) og SVG (vektor).

Hurtigreferencetabel

Format	Komprimering	Gennemsigtighed	Animation	Browserunderstøttelse (2026)	Bedst til
JPG	Tabsbaseret	❌	❌	100 %	Billeder, e-mail, maks kompatibilitet
PNG	Tabsfri	✅	❌	100 %	Logoer, ikoner, skærmbilleder
WebP	Tabsbaseret eller tabsfri	✅	✅	96 %	Moderne web (standard 2026)
AVIF	Tabsbaseret eller tabsfri	✅	✅	92 %	Ydelseskritisk web
HEIC	Tabsbaseret	✅	✅	Kun iOS/macOS	Apple-enhedslagring
GIF	Tabsfri	Kun 1-bit	✅	100 %	Kun ældre animationer
SVG	Tabsfri vektor	✅	✅	100 %	Logoer, ikoner, illustrationer (enhver størrelse)

JPG (JPEG)

Født 1992. Universelt understøttet. Tabsbaseret komprimering med kvalitetsslider (1-100). Ved kvalitet 75-85, umulig at skelne fra originalen med det blotte øje, samtidig med at den er 5-10× mindre end kildens RAW.

Styrker:

• Universel kompatibilitet (bogstaveligt talt overalt).
• Små filer til billeder.
• Moden, velforstået komprimering.

Svagheder:

• Ingen gennemsigtighed (skal bruge solid baggrund).
• Komprimeringsartefakter ved lav kvalitet (blokket, halos).
• Ingen animation.
• Ældre standard, erstattet til moderne web.

Brug det når: e-mailer billeder, sender til gamle systemer, maks kompatibilitet betyder noget, ingen gennemsigtighed nødvendig.

PNG (Portable Network Graphics)

Født 1996. Tabsfri komprimering. To varianter: PNG-8 (256 farver, GIF-erstatning) og PNG-24 (16 millioner farver, fotokvalitet). Begge understøtter gennemsigtighed (8-bits alfakanal), den dræbende funktion.

Styrker:

• Tabsfri: bit-perfekt kopi af originalen, ingen artefakter nogensinde.
• Gennemsigtighedsunderstøttelse (alfakanal).
• Skarpt ved ethvert zoomniveau (ingen komprimeringsblokket).
• Universel kompatibilitet.

Svagheder:

• Meget større end JPG til fotografier (2-5× større).
• Ingen animation (brug APNG, men understøttelsen er blandet).
• Mindre effektiv komprimering end moderne formater.

Brug det når: logoer, ikoner, skærmbilleder, stregkunst, illustrationer, hvor som helst du har brug for skarpe linjer eller gennemsigtighed.

WebP

Skabt af Google i 2010. Tabsbaseret tilstand rivaliserer JPG med ~25-35 % bedre komprimering ved samme kvalitet. Tabsfri tilstand rivaliserer PNG med ~25 % bedre komprimering. Animationstilstand rivaliserer GIF med massivt bedre kvalitet og komprimering.

I 2026 er WebP-understøttelsen 96 % globalt, hver moderne browser (Chrome, Firefox, Safari 14+, Edge) understøtter det nativt. Kun meget gamle browsere og nogle e-mailklienter mangler understøttelse.

Styrker:

• Bedste balance mellem komprimeringseffektivitet, kompatibilitet og funktionssæt.
• Ét format dækker tabsbaserede, tabsfri og animerede behov.
• Understøttes af alle moderne billede-CDN’er (Cloudinary, Imgix, Cloudflare Images).
• Gratis og åbent (royalty-fri).

Svagheder:

• Lidt langsommere afkodning end JPG (ubetydelig på moderne hardware).
• Noget ældre software (Photoshop CS5 og ældre) kræver plugin.
• Kodning marginalt langsommere end JPG.

Brug det når: hvor som helst på moderne web. WebP bør være din standard i 2026, medmindre en specifik grund argumenterer anderledes.

AVIF (AV1 Image File Format)

Udgivet 2019, baseret på AV1-videocodec’en. Det mest komprimeringseffektive bredt understøttede format i 2026, typisk 25-35 % mindre end WebP ved samme kvalitet.

Understøttelse 2026: ~92 % globalt. Alle store browsere understøtter det (Chrome 85+, Firefox 93+, Safari 16.4+, Edge). Nogle specifikke miljøer (e-mailklienter, meget gammel virksomhedssoftware) gør det ikke.

Styrker:

• Bedste komprimering af noget bredt understøttet format.
• Understøtter HDR (high dynamic range, 10/12-bits farvedybde).
• Understøtter gennemsigtighed, animation.
• Åbent og royalty-fri.
• Fremragende kvalitet selv ved meget lave bitrater.

Svagheder:

• Kodning er langsom (10-30× langsommere end JPG). Ikke godt til kodning efter behov.
• Langsommere afkodning end WebP (stadig millisekunder, men målbar).
• Lidt mindre kompatibel end WebP.
• Ikke endnu allestedsnærværende i billedredigeringssoftware.

Brug det når: ydelseskritiske sider, hvor hver KB betyder noget. Forhåndskodning ved byggetid, lever med WebP- og JPG-fallbacks.

Bedste praksis 2026: <picture> med fallbacks

Vælg ikke ét format, lever det bedste hver browser understøtter:

<picture>
  <source srcset="/photo.avif" type="image/avif">
  <source srcset="/photo.webp" type="image/webp">
  <img src="/photo.jpg" alt="Beskrivelse" width="1200" height="800" loading="lazy" decoding="async">
</picture>

Moderne browsere vælger AVIF, lidt ældre browsere falder tilbage til WebP, meget gamle browsere får JPG. Alt mens de deler samme <img>-semantik og alt-tekst.

Frameworks automatiserer dette:

• Next.js: <Image>-komponenten håndterer AVIF/WebP/JPG automatisk.
• Astro: <Image> fra astro:assets gør det samme.
• Cloudinary / Imgix: leverer baseret på Accept: image/avif request-header.

Hvad med HEIC?

HEIC (High Efficiency Image Container) er hvad din iPhone gemmer. Samme komprimeringsfamilie som AVIF (HEVC-videocodec). Fremragende komprimering, understøtter gennemsigtighed og HDR.

Problem: kun Apple-enheder understøtter HEIC nativt. Windows, Android-browsere, webservere, billedsoftware har alle brug for plugins eller konvertering.

Bedste praksis: konverter HEIC til JPG eller WebP før deling eller webpublicering. HEIC til JPG gør dette i din browser.

Hvad med TIFF, BMP, GIF?

• TIFF: pre-press / professionel udskriftsarkivering. Massive filer, ingen komprimering som standard. Brug ikke på nettet.
• BMP: ældre Windows-format. Ingen komprimering. Brug ikke nogen steder i 2026.
• GIF: 1-bit gennemsigtighed, 256 farver, tabsfri. Animation virker, men ineffektivt, hvert moderne alternativ (WebP, AVIF, selv MP4-video) er bedre. Brug kun til bagudkompatibilitet.

Hvad med SVG?

SVG er vektor, ikke et konkurrerende format til fotografier, men uovertruffent til logoer, ikoner, illustrationer, diagrammer. Opløsningsuafhængig (skalerer uendeligt uden kvalitetstab), lille filstørrelse til simpel grafik, understøtter CSS-styling og JS-interaktion.

Brug SVG til: logoer, ikoner (faviconer), datavisualiseringer, simple illustrationer, enhver grafik der tegnes i stedet for at fotograferes.

Favicon-generator leverer SVG-varianter til moderne browsere.

Beslutningstræ til at vælge format

1. Er det et logo, et ikon eller simpel grafik? → SVG.
2. Fotografisk indhold uden gennemsigtighedsbehov? → AVIF (byggetid) → WebP-fallback → JPG-fallback.
3. Fotografisk indhold med gennemsigtighed? → AVIF eller WebP (begge understøtter alfa) → PNG-fallback.
4. Logo, skærmbillede eller grafik med gennemsigtighed? → PNG (eller WebP-tabsfri til størrelse).
5. Maksimal e-mail/ældre kompatibilitet? → JPG (ingen gennemsigtighed) eller PNG (med gennemsigtighed).
6. Animation? → WebP (eller AVIF hvis nyere browsere er OK) → GIF kun som sidste udvej.

Reelle konverteringsstier

Fotograf, der leverer til klient: behold RAW-master, lever JPG kvalitet 95 (web) eller TIFF (udskrift).

Webmaster optimerer eksisterende side: bulkkonverter alle PNG/JPG til AVIF + WebP ved byggetid. Lever via <picture>.

E-handelsproduktbilleder: WebP kvalitet 80 er sweet spot. AVIF hvis din trafikprofil retfærdiggør kodningstiden.

Blog-heltebilleder: AVIF (med WebP- og JPG-fallback), Core Web Vitals belønner dig for det.

Sociale medier-coverbillede: JPG eller PNG. De fleste platforme omkoder alligevel, så bekymr dig ikke om WebP/AVIF ved upload.

E-mailsignatur: PNG (maks kompatibilitet, gennemsigtighedsunderstøttelse) eller JPG (mindre).

Opsummering

I 2026 er den moderne webbilledstack AVIF → WebP → JPG, leveret via <picture> med fallbacks, med PNG og SVG der beholder deres roller til grafik og logoer.

Til engangskonverteringer håndterer Konverter billede hele matrixen lokalt, dit billede når aldrig en server, understøtter JPG, PNG, WebP og AVIF som både input og output. Brug det efter behov, men forstå hvad hvert format optimerer for, så dine valg er bevidste.