APNG vs GIF: het korte antwoord
APNG (Animated Portable Network Graphics) is een PNG-bestand met extra frames. Anders dan GIF slaat het 24-bit kleur en 8-bit alfa op, zodat verlopen vloeiend blijven en randen in elke achtergrond overvloeien. Programma's die APNG niet begrijpen, tonen het eerste frame als gewone PNG.
GIF is beperkt tot 256 kleuren per frame en aan/uit-transparantie, maar elke browser, e-mailclient en chatapp speelt het af.
Kies APNG voor animatie in volledige kleur met zachte transparantie op webpagina's en in apps die het accepteren. Kies GIF wanneer het bestand overal moet afspelen, vooral in e-mail. Bij fotoachtig beeldmateriaal kunnen verliesvrije APNG-bestanden groter zijn dan de GIF.
Formaatoverzicht in één oogopslag
| Kenmerk | GIF | APNG | WebP | MP4/WebM |
|---|---|---|---|---|
| Jaar | 1987 | 2004 | 2010 | 2003/2010 |
| Kleuren | 256 per frame | 16,7 miljoen | 16,7 miljoen | 16,7 miljoen+ |
| Transparantie | Alleen binair | Volledige alfa | Volledige alfa | Alleen VP9 alfa |
| Relatieve grootte | 1x (referentie) | ~0,8x | ~0,36x lossy, ~0,8x lossless | 0,05–0,1x |
| Browserondersteuning | 100% | 97%+ | 97%+ | 97%+ |
| E-mailondersteuning | Uitstekend | Slecht | Slecht | Zeer slecht |
| HTML-element | <img> | <img> | <img> | <video> |
GIF — De Universele Veteraan
Sterktes: werkt overal. Elke browser, elke e-mailclient (grotendeels), elke berichtenapp, elk sociaal platform. Speelt automatisch af zonder gebruikersinteractie. Wordt behandeld als afbeelding (<img>-tag), niet als video.
Zwaktes: beperkt tot 256 kleuren per frame, alleen binaire transparantie (geen gedeeltelijke doorzichtigheid), geen audio, en produceert zeer grote bestanden in vergelijking met alle alternatieven.
Het beste voor: sociale media, berichten, e-mailmarketing, memes, reactieafbeeldingen — overal waar universele compatibiliteit vereist is.
APNG — GIF's Opvolger Die Nooit Doorbrak
APNG (Animated PNG) breidt PNG uit met animatieondersteuning. Het werd in 2004 door ontwikkelaars van Mozilla gecreëerd. De PNG Working Group wees het in 2007 af, maar in 2025 werd het onderdeel van de officiële PNG-specificatie (W3C PNG Third Edition). De browserondersteuning ligt boven 97%.
Sterktes: volledige 24-bit kleur (16,7 miljoen), 8-bit alfatransparantie (256 niveaus), gebruikt <img>-tag net als GIF, achterwaarts compatibel (software zonder ondersteuning toont het eerste frame als statische PNG).
Zwaktes: bestandsgrootten zijn vergelijkbaar met of iets kleiner dan GIF (niet dramatisch beter), beperkte toolingondersteuning, slechte e-mailclientondersteuning.
Het beste voor: geanimeerde stickers, weboverlays die transparantie nodig hebben, overal waar GIF's kleurbeperking een probleem is maar je toch een <img>-element nodig hebt.
WebP — Google's Moderne Kampioen
Geanimeerde WebP slaat elk frame op als verliesgevende (op VP8 gebaseerde) of verliesvrije WebP-afbeelding, met veel betere compressie dan GIF.
Sterktes: 64% kleiner dan GIF in verliesgevende modus en 19% kleiner in verliesvrije modus (cijfers van Google), 24-bit kleur, volledige alfatransparantie, gebruikt <img>-tag.
Zwaktes: slechte e-mailclientondersteuning, beperkte bewerkingstoolondersteuning in vergelijking met GIF, codering is trager dan het maken van GIF.
Het beste voor: webafbeeldingen waarbij GIF te groot is, en websiteanimaties.
MP4/WebM — De Videobenadering
Gebruik van echte videoformaten (H.264 in MP4, VP9 in WebM) voor korte geanimeerde content.
Sterktes: 90–95% kleiner dan GIF, miljoenen kleuren, vloeiende weergave, VP9/WebM ondersteunt alfakanaal voor transparantie, audio-ondersteuning indien nodig.
Zwaktes: vereist <video>-element (niet <img>), heeft JavaScript of attributen nodig voor automatisch afspelen, werkt niet in e-mail, sommige CMS-platforms beperken het insluiten van video.
Het beste voor: websiteachtergronden, lange animaties (10+ seconden), elke webcontext waar prestaties belangrijk zijn. Google Lighthouse beveelt specifiek aan om GIFs te vervangen door video.
Beslisstroomdiagram
- E-mail? → GIF (enige betrouwbare geanimeerde indeling voor e-mail)
- Transparantie + kwaliteit nodig? → APNG of WebP
- Kleinste webbestand? → MP4 of WebM met <video>
- Sociale media / berichten? → GIF (universele ondersteuning)
- Discord/Slack emoji? → GIF (het formaat dat deze apps gebruiken voor geanimeerde emoji)
- Websiteachtergrond? → WebM (kleinste, VP9 alfa voor transparantie)
De Toekomst: AVIF-animatie
AVIF (AV1 Image File Format) is de volgende generatie optie. Het biedt nog betere compressie dan WebP, met volledige kleurdiepte en transparantie. Chrome en Firefox tonen geanimeerde AVIF, en recente Safari-versies ondersteunen AVIF; test geanimeerde AVIF in de browsers van je bezoekers voordat je erop vertrouwt.
GIF naar APNG converteren
De converters op deze site leveren geen APNG. Twee gratis opties:
- FFmpeg:
ffmpeg -i input.gif -plays 0 output.apng.-plays 0laat de animatie eindeloos herhalen; zonder deze optie speelt de APNG één keer af. - Online: GIF-naar-APNG-converters nemen een GIF aan en leveren in de browser een geanimeerde PNG op.
Een GIF naar APNG converteren voegt geen kleuren toe: de frames met 256 kleuren blijven zoals ze zijn. Je profiteert alleen van de voordelen van APNG als je codeert vanuit de originele video of frames in volledige kleur.