Afbeeldingsformaten: WebP, PNG, JPG en SVG vergeleken
Het verkeerde afbeeldingsformaat kan pagina's trager laten laden of uw afbeeldingen wazig maken. Hier leest u hoe moderne webformaten zich verhouden op het gebied van compressie, transparantie en scherpte.
Bestanden worden lokaal in uw browser verwerkt met WebAssembly en HTML5-API's. Ze verlaten uw apparaat nooit, dus er zijn geen serveruploads of bestandsopslag door derden.
Begin direct met converteren op uw eigen apparaat - geen uploadwachttijd, geen downloadwachtrij en geen snelheidsbeperking door een externe server.
Gebruik elke beschikbare tool zonder een account aan te maken, voor een abonnement te betalen of tegen een kunstmatige bestandsgroottelimiet aan te lopen. Converteer zo vaak als uw browser en apparaat aankan.
Formaatvergelijking en technische specificaties
| Uitvoerformaat | MIME-type | Specificatie | Type |
|---|---|---|---|
| PNG afbeelding | image/png | W3C-PNG | Portable Network Graphics |
| JPG JPEG-afbeelding | image/jpeg | ITU-T-T81-JPEG | Joint Photographic Experts Group |
| WebP afbeelding | image/webp | RFC-6386-VP8 | Modern afbeeldingsformaat WebP van Google |
| SVG vectorafbeelding | image/svg+xml | W3C-SVG | Scalable Vector Graphics |
| HEIC foto | image/heic | ISO-IEC-23008-12-HEIF | High Efficiency Image Container |
| AVIF afbeelding | image/avif | AOMEDIA-AV1-AVIF | AV1-afbeeldingsformaat |
| PSD Photoshop-document | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Adobe Photoshop Document |
| PSB Groot Photoshop-document | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Adobe Photoshop Large Document |
| WMF Windows Metafile | image/x-wmf | MS-WMF-SPEC | Windows Metafile-vectorformaat |
| EMF Enhanced Metafile | image/x-emf | MS-EMF-SPEC | Enhanced Metafile-vectorformaat |
| JFIF afbeelding | image/jpeg | ITU-T-T81-JPEG | JPEG File Interchange Format |
| TGA Truevision | image/x-tga | TGA-SPEC | Truevision Targa-rasterafbeelding |
| PCX ZSoft | image/x-pcx | PCX-SPEC | ZSoft Paintbrush PCX-bitmap |
| PDF document | application/pdf | ISO-32000-2 | Portable Document Format |
Technische specificaties en codec-overzicht
De snelle beslissingsregel voor formaten
WebP en AVIF kunnen de bestandsgrootte van veel webafbeeldingen verkleinen en beide ondersteunen transparantie, maar het resultaat hangt af van de afbeelding en de instellingen voor de codering. Gebruik JPG voor foto's waar kleine compressieartefacten acceptabel zijn, PNG voor scherpe screenshots en graphics, en SVG voor schaalbare logo's en pictogrammen.
Raster- versus vectorafbeeldingen: waarom SVG's nooit wazig worden
Rasterafbeeldingen (JPG, PNG, WebP) zijn rasters met vaste kleurpixels - als u te ver inzoomt, worden ze wazig of pixelachtig. SVG is pure wiskunde: het slaat wiskundige lijnen, curven en kleuren op, waardoor pictogrammen en illustraties haarscherp worden weergegeven op alles van mobiele schermen tot 8K-schermen met een minimale bestandsgrootte.
Mythe: 'Hogere DPI betekent betere kwaliteit van webafbeeldingen'
DPI (dots per inch) is puur een aanwijzing voor afdrukken en wordt door webbrowsers volledig genegeerd. Op telefoons en computermonitoren wordt de beeldscherpte volledig bepaald door de pixelafmetingen (bijvoorbeeld 1920x1080) en de pixeldichtheid van het scherm, niet door de ingesloten DPI-metadata.
Alfatransparantie: PNG versus WebP
JPEG heeft geen transparantiekanaal, dus transparante pixels worden een egale achtergrond wanneer ze als JPEG worden opgeslagen. PNG behoudt de alfatransparantie, terwijl WebP ook transparantie kan opslaan en mogelijk een kleiner bestand oplevert; vergelijk de afbeelding omdat de grootte afhangt van de inhoud en de instellingen voor de codering.
0 bytes geüpload naar externe servers. Alle verwerking vond lokaal plaats in uw browser-sandbox.