Bildeformater: WebP, PNG, JPG og SVG sammenlignet
Å velge feil bildeformat kan øke lastetiden for nettsider eller gjøre grafikken din uskarp. Slik sammenlignes moderne nettformater når det gjelder komprimering, gjennomsiktighet og skarphet.
Filer behandles lokalt i nettleseren din med WebAssembly og HTML5-API-er. De forlater aldri enheten din, så det er ingen serveropplastinger eller tredjeparts fillagring.
Start konverteringen umiddelbart på din egen enhet - ingen opplastingsventetid, ingen nedlastingskø og ingen hastighetsbegrensning fra en ekstern server.
Bruk alle tilgjengelige verktøy uten å opprette en konto, betale for et abonnement eller treffe en kunstig filstørrelsesgrense. Konverter så ofte som nettleseren og enheten din tåler.
Format-sammenligning og tekniske spesifikasjoner
| Utdataformat | MIME-type | Spesifikasjon | Type |
|---|---|---|---|
| PNG Behandlet | image/png | W3C-PNG | Portabelt nettverksgrafikkformat |
| JPG bilde av dokument | image/jpeg | ITU-T-T81-JPEG | Bildeformat fra Joint Photographic Experts Group |
| WebP Animert | image/webp | RFC-6386-VP8 | Googles moderne WebP-bildeformat |
| SVG vektorgrafikk | image/svg+xml | W3C-SVG | Skalerbar vektorgrafikk |
| HEIC bilde | image/heic | ISO-IEC-23008-12-HEIF | Effektivt bilde- og containerformat |
| AVIF bilde | image/avif | AOMEDIA-AV1-AVIF | Bildeformat basert på AV1-videokodeken |
| 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 avansert rasterformat |
| PCX ZSoft | image/x-pcx | PCX-SPEC | ZSoft Paintbrush PCX Bitmap |
| PDF dokument | application/pdf | ISO-32000-2 | Portabelt dokumentformat |
Tekniske spesifikasjoner og kodekoversikt
Den raske beslutningsregelen for formater
WebP og AVIF kan redusere filstørrelsen for mange nettbilder, og begge støtter gjennomsiktighet. Resultatet avhenger likevel av bildet og kodingsinnstillingene. Bruk JPG til foto der små komprimeringsartefakter er akseptable, PNG til skarpe skjermbilder og grafikk, og SVG til skalerbare logoer og ikoner.
Raster vs. vektor: Hvorfor SVG-er aldri blir uskarpe
Rasterbilder (JPG, PNG, WebP) består av et rutenett med piksler i faste farger. Zoomer du for langt inn, blir bildet uskarpt eller pikselert. SVG består av matematisk definerte linjer, kurver og farger, slik at ikoner og illustrasjoner vises skarpt på alt fra mobilskjermer til 8K-skjermer, selv med små filstørrelser.
Myte: «Høyere DPI betyr bedre bildekvalitet på nettet»
DPI (punkter per tomme) er en instruksjon for fysisk utskrift, og nettlesere ignorerer den. På telefoner og dataskjermer bestemmes bildeskarpheten av pikseldimensjonene (for eksempel 1920x1080) og skjermtettheten, ikke av innebygde DPI-metadata.
Alfa-gjennomsiktighet: PNG vs. WebP
JPEG har ingen kanal for gjennomsiktighet, så gjennomsiktige piksler får en heldekkende bakgrunn når bildet lagres som JPEG. PNG bevarer alfagjennomsiktighet, mens WebP også kan lagre gjennomsiktighet og kan gi en mindre fil. Sammenlign bildene, siden filstørrelsen avhenger av innholdet og kodingsinnstillingene.
0 byte ble lastet opp til eksterne servere. All behandling foregikk lokalt i det isolerte nettlesermiljøet ditt.