cheat sheet
Beeldformaat Spyskaart — JPG vs PNG vs WebP vs AVIF
Wanneer om elke formaat te gebruik, met lêergrootte-vergelykings en 'n vinnige besluitnemingsboom.
Die verkeerde beeldformaat kies is die goedkoopste fout wat jy vir webspoed kan maak. AVIF kan 50% kleiner as JPG wees by dieselfde sigbare gehalte — maar dit betaal nie altyd om oor te skakel nie. Hier is die besluitnemingsboom.
Die 10-sekonde reël
- Foto, geen deursigtigheid → WebP (of AVIF as jou gehoor slegs op moderne blaaiers is).
- Foto, moet oral werk → JPG.
- Logo, skermkiekie of ikoon → PNG (of WebP vir kleiner lêers met dieselfde verlieslose gehalte).
- Animasie → WebP (vervang GIF, 30-50% kleiner).
- Vektorkuns (logo, ikoon) → SVG (nie op hierdie lys nie — gebruik SVG wanneer jy kan).
Die volledige vergelyking
| Formaat | Beste vir | Verliesend? | Deursigtigheid | Animasie | Blaaierondersteuning |
|---|---|---|---|---|---|
| JPG | Foto's, geen alfa | Ja | Nee | Nee | 100% |
| PNG | Skеrp grafika | Nee | Ja | Nee | 100% |
| WebP | Foto's + grafika | Albei | Ja | Ja | 97% (2026) |
| AVIF | Hoogste kompressie | Albei | Ja | Ja | 92% (2026) |
Werklike lêergrootte-vergelyking
Dieselfde 1920×1080 foto, dieselfde sigbare gehalte:
- JPG (gehalte 80) — 340 KB
- WebP (gehalte 80) — 210 KB (38% kleiner)
- AVIF (gehalte 60) — 165 KB (51% kleiner)
- PNG (verliesloos) — 2.4 MB (7× groter — moet nooit vir foto's gebruik nie)
Skakel enige beeld om met ons gratis nutsmiddels:
- Skakel om na WebP
- Skakel om na PNG
- Skakel om na JPG
- JPG kompressor — kies 'n gehalte, sien die besparing.
Vir digte ZIP-verpakking van 'n hele beeldbiblioteek, gebruik ons grootmaatverwerking modus om honderde beelde gelyktydig om te skakel.
Probeer ons gratis nutsmiddels
Die meeste van hierdie gidse word gepaar met 'n praktiese nutsmiddel wat jy nou kan gebruik — genie aanmelding nodig vir die eerste keer nie:
- Beeldhervormer — pixel-perfecte verkleining + vergroting.
- Skakel om na WebP — 30-50% kleiner lêers as JPG.
- Agtergrondverwyderaar — een-klik uitsny, deursigtige PNG.
- Favicon-generator — elke blaaiergrootte vanuit een bron.
- Sosiale media-hervormer — elke platform se presiese afmetings.
- Grootmaatverwerking — pas enige nutsmiddel tot 200 beelde gelyktydig toe.
Blaai deur die volledige nutsmiddelkatalogus.
