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

Bildeformatet du velger påvirker sidelastetid, SEO-rangering (Core Web Vitals), båndbreddekostnader, visuell kvalitet, nettleserkompatibilitet og tilgjengelighet. I 2026 er svaret ikke lenger “bare bruk JPG”, moderne formater sparer 50-70 % på filstørrelse ved likeverdig kvalitet.

Denne guiden sammenligner de fire formatene som betyr noe i dag: JPG, PNG, WebP, AVIF. Pluss en merknad om HEIC (Apple), TIFF (utskrift) og SVG (vektor).

Hurtigreferansetabell

Format	Komprimering	Transparens	Animasjon	Nettleserstøtte (2026)	Best for
JPG	Tapsbehengende	❌	❌	100 %	Bilder, e-post, maks kompatibilitet
PNG	Tapsfri	✅	❌	100 %	Logoer, ikoner, skjermbilder
WebP	Tapsbehengende eller tapsfri	✅	✅	96 %	Moderne web (standard 2026)
AVIF	Tapsbehengende eller tapsfri	✅	✅	92 %	Ytelseskritisk web
HEIC	Tapsbehengende	✅	✅	Bare iOS/macOS	Apple-enhetslagring
GIF	Tapsfri	Bare 1-bit	✅	100 %	Bare eldre animasjoner
SVG	Tapsfri vektor	✅	✅	100 %	Logoer, ikoner, illustrasjoner (hvilken som helst størrelse)

JPG (JPEG)

Født 1992. Universelt støttet. Tapsbehengende komprimering med kvalitetsglider (1-100). Ved kvalitet 75-85, umulig å skille fra originalen med det blotte øye samtidig som den er 5-10× mindre enn kildens RAW.

Styrker:

• Universell kompatibilitet (bokstavelig talt overalt).
• Små filer for bilder.
• Moden, velforstått komprimering.

Svakheter:

• Ingen transparens (må bruke solid bakgrunn).
• Komprimeringsartefakter ved lav kvalitet (blokkete, halos).
• Ingen animasjon.
• Eldre standard, erstattet for moderne web.

Bruk det når: e-poster bilder, sender til gamle systemer, maks kompatibilitet betyr noe, ingen transparens trengs.

PNG (Portable Network Graphics)

Født 1996. Tapsfri komprimering. To varianter: PNG-8 (256 farger, GIF-erstatning) og PNG-24 (16 millioner farger, fotokvalitet). Begge støtter transparens (8-bits alfakanal), den drepende funksjonen.

Styrker:

• Tapsfri: bit-perfekt kopi av originalen, ingen artefakter noensinne.
• Transparensstøtte (alfakanal).
• Skarpt ved hvilket som helst zoomnivå (ingen komprimeringsblokkethet).
• Universell kompatibilitet.

Svakheter:

• Mye større enn JPG for fotografier (2-5× større).
• Ingen animasjon (bruk APNG, men støtten er blandet).
• Mindre effektiv komprimering enn moderne formater.

Bruk det når: logoer, ikoner, skjermbilder, linjekunst, illustrasjoner, hvor som helst du trenger skarpe linjer eller transparens.

WebP

Skapt av Google i 2010. Tapsbehengende modus rivaliserer JPG med ~25-35 % bedre komprimering ved samme kvalitet. Tapsfri modus rivaliserer PNG med ~25 % bedre komprimering. Animasjonsmodus rivaliserer GIF med massivt bedre kvalitet og komprimering.

I 2026 er WebP-støtten 96 % globalt, hver moderne nettleser (Chrome, Firefox, Safari 14+, Edge) støtter det innfødt. Bare svært gamle nettlesere og noen e-postklienter mangler støtte.

Styrker:

• Beste balansen mellom komprimeringseffektivitet, kompatibilitet og funksjonssett.
• Ett format dekker tapsbehengende, tapsfrie og animerte behov.
• Støttes av alle moderne bilde-CDN-er (Cloudinary, Imgix, Cloudflare Images).
• Gratis og åpent (royalty-free).

Svakheter:

• Noe tregere dekoding enn JPG (ubetydelig på moderne maskinvare).
• Noe eldre programvare (Photoshop CS5 og eldre) krever plugin.
• Koding marginalt tregere enn JPG.

Bruk det når: hvor som helst på moderne web. WebP bør være standarden din i 2026 med mindre en spesifikk grunn argumenterer annerledes.

AVIF (AV1 Image File Format)

Utgitt 2019, basert på AV1-videocodecen. Det mest komprimeringseffektive bredt støttede formatet i 2026, vanligvis 25-35 % mindre enn WebP ved samme kvalitet.

Støtte 2026: ~92 % globalt. Alle store nettlesere støtter det (Chrome 85+, Firefox 93+, Safari 16.4+, Edge). Noen spesifikke miljøer (e-postklienter, svært gammel bedriftsprogramvare) gjør det ikke.

Styrker:

• Beste komprimering av noe bredt støttet format.
• Støtter HDR (high dynamic range, 10/12-bits fargedybde).
• Støtter transparens, animasjon.
• Åpent og royalty-free.
• Utmerket kvalitet selv ved svært lave bitrater.

Svakheter:

• Koding er treg (10-30× tregere enn JPG). Ikke bra for koding ved forespørsel.
• Tregere dekoding enn WebP (fortsatt millisekunder, men målbar).
• Noe mindre kompatibel enn WebP.
• Ikke ennå allestedsnærværende i bilderedigeringsprogramvare.

Bruk det når: ytelseskritiske sider der hver KB betyr noe. Forhåndskoding ved byggtid, lever med WebP- og JPG-fallbacks.

Beste praksis 2026: <picture> med fallbacks

Velg ikke ett format, lever det beste hver nettleser stø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 nettlesere velger AVIF, noe eldre nettlesere faller tilbake til WebP, svært gamle nettlesere får JPG. Alt samtidig som de deler samme <img>-semantikk og alt-tekst.

Rammeverk automatiserer dette:

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

Hva med HEIC?

HEIC (High Efficiency Image Container) er hva iPhonen din lagrer. Samme komprimeringsfamilie som AVIF (HEVC-videocodec). Utmerket komprimering, støtter transparens og HDR.

Problem: bare Apple-enheter støtter HEIC innfødt. Windows, Android-nettlesere, webservere, bildeprogramvare trenger alle plugins eller konvertering.

Beste praksis: konverter HEIC til JPG eller WebP før deling eller webpublisering. HEIC til JPG gjør dette i nettleseren din.

Hva med TIFF, BMP, GIF?

• TIFF: pre-press / profesjonell utskriftsarkivering. Massive filer, ingen komprimering som standard. Bruk ikke på nettet.
• BMP: eldre Windows-format. Ingen komprimering. Bruk ikke noe sted i 2026.
• GIF: 1-bit transparens, 256 farger, tapsfri. Animasjon fungerer, men ineffektivt, hvert moderne alternativ (WebP, AVIF, til og med MP4-video) er bedre. Bruk kun for bakoverkompatibilitet.

Hva med SVG?

SVG er vektor, ikke et konkurrerende format for fotografier, men uslåelig for logoer, ikoner, illustrasjoner, diagrammer. Oppløsningsuavhengig (skaleres uendelig uten kvalitetstap), liten filstørrelse for enkel grafikk, støtter CSS-styling og JS-interaksjon.

Bruk SVG for: logoer, ikoner (faviconer), datavisualiseringer, enkle illustrasjoner, hvilken som helst grafikk som tegnes i stedet for å fotograferes.

Favicon-generator leverer SVG-varianter for moderne nettlesere.

Beslutningstre for å velge format

1. Er det en logo, et ikon eller enkel grafikk? → SVG.
2. Fotografisk innhold uten transparensbehov? → AVIF (byggtid) → WebP-fallback → JPG-fallback.
3. Fotografisk innhold med transparens? → AVIF eller WebP (begge støtter alfa) → PNG-fallback.
4. Logo, skjermbilde eller grafikk med transparens? → PNG (eller WebP-tapsfri for størrelse).
5. Maksimal e-post/eldre kompatibilitet? → JPG (ingen transparens) eller PNG (med transparens).
6. Animasjon? → WebP (eller AVIF hvis nyere nettlesere er OK) → GIF kun som siste utvei.

Reelle konverteringsstier

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

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

E-handelsproduktbilder: WebP kvalitet 80 er sweet spot. AVIF hvis trafikkprofilen din rettferdiggjør kodingstiden.

Blogg-heltbilder: AVIF (med WebP- og JPG-fallback), Core Web Vitals belønner deg for det.

Sosiale medier-omslagsbilde: JPG eller PNG. De fleste plattformer omkoder uansett, så bry deg ikke om WebP/AVIF ved opplasting.

E-postsignatur: PNG (maks kompatibilitet, transparensstøtte) eller JPG (mindre).

Oppsummering

I 2026 er den moderne webbildestacken AVIF → WebP → JPG, levert via <picture> med fallbacks, med PNG og SVG som beholder rollene sine for grafikk og logoer.

For engangskonverteringer håndterer Konverter bilde hele matrisen lokalt, bildet ditt når aldri en server, støtter JPG, PNG, WebP og AVIF som både inndata og utdata. Bruk det ved behov, men forstå hva hvert format optimaliserer for slik at valgene dine er bevisste.