Billedformater: WebP, PNG, JPG & SVG sammenlignet
Valg af det forkerte billedformat kan øge indlæsningstiden for sider eller sløre din grafik. Her er hvordan moderne webformater sammenlignes i komprimering, gennemsigtighed og skarphed.
Dine filer behandles udelukkende i din webbrowser ved hjælp af HTML5 Canvas og WebAssembly. Ingen data forlader nogensinde din enhed.
Spring over upload- og downloadkøer. Konverteringer sker lokalt ved fuld maskin-hardwarehastighed uden serverbegrænsninger.
I overensstemmelse med officielle ISO-, W3C- og IETF-specifikationer for at garantere outputkompatibilitet på tværs af moderne operativsystemer.
Formatsammenligning & tekniske specifikationer
| Outputformat | MIME-type | Specifikation | Type |
|---|---|---|---|
| PNG billede | image/png | W3C-PNG | Portable Network Graphics |
| JPG JPEG-billede | image/jpeg | ITU-T-T81-JPEG | Joint Photographic Experts Group |
| WebP billede | image/webp | RFC-6386-VP8 | Google WebP moderne billedformat |
| SVG vektorgrafik | image/svg+xml | W3C-SVG | Scalable Vector Graphics |
| HEIC foto | image/heic | ISO-IEC-23008-12-HEIF | High Efficiency Image Container |
| AVIF billede | image/avif | AOMEDIA-AV1-AVIF | AV1-billedfilformat |
| PSD Photoshop Document | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Adobe Photoshop Document |
| PSB Photoshop Large Document | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Adobe Photoshop Large Document |
| WMF Windows Metafile | image/x-wmf | MS-WMF-SPEC | Windows Metafile Vector Format |
| EMF Enhanced Metafile | image/x-emf | MS-EMF-SPEC | Enhanced Metafile Vector Format |
| JFIF Image | image/jpeg | ITU-T-T81-JPEG | JPEG File Interchange Format |
| TGA Truevision | image/x-tga | TGA-SPEC | Truevision avanceret rasterbillede |
| PCX ZSoft | image/x-pcx | PCX-SPEC | ZSoft Paintbrush PCX Bitmap |
Tekniske specifikationer og codec-oversigt
Hurtig beslutningsregel for formater
Brug WebP eller AVIF til moderne websteder (30 % mindre end JPEG med understøttelse af gennemsigtighed). Brug JPG til fotos, hvor bittesmå, umærkelige komprimeringsartefakter ikke betyder noget. Brug PNG til skærmbilleder, UI-grafik og illustrationer, der kræver skarp, pixelpræcis tekst. Brug SVG til logoer og ikoner, der kræver uendelig skalering.
Raster vs. Vektor: Hvorfor SVG'er aldrig sløres
Rasterbilleder (JPG, PNG, WebP) er gitre af faste farvepixels - zoom for langt ind, og de bliver slørede eller pixelerede. SVG er ren matematik: det gemmer matematiske linjer, kurver og farver, hvilket gør det muligt for ikoner og illustrationer at blive vist knivskarpe på alt fra mobiler til 8K-skærme med meget små filstørrelser.
Myte: 'Højere DPI betyder bedre webbilledkvalitet'
DPI (dots per inch) er udelukkende en fysisk udskrivningsinstruktion og ignoreres fuldstændig af webbrowsere. På telefoner og computerskærme bestemmes billedskarpheden udelukkende af pixeldimensioner (f.eks. 1920x1080) og skærmtæthed, ikke af de indlejrede DPI-metadata.
Alfagennemsigtighed: PNG vs. WebP
Traditionel JPG har nul understøttelse af gennemsigtighed - gennemsigtige baggrunde bliver helt hvide eller sorte. PNG var banebrydende for ren 8-bit alfagennemsigtighed, men WebP leverer nu identisk gennemsigtig kvalitet ved op til 40 % mindre filstørrelser.
0 bytes uploadet til eksterne servere. Al behandling foregik lokalt i din browsers sandkasse.