Wanneer gebruik je SVG en wanneer een gewone afbeelding?
Wanneer je SVG gebruikt hangt af van één vraag: is het lijnwerk of een foto? Lijnwerk gaat als SVG, foto’s als jpeg of een modern formaat.
Die scheiding klopt in vrijwel alle gevallen.
De twijfelgevallen zijn illustraties met veel detail.

Lijnwerk
Logo’s, pictogrammen, pijlen, kaartjes en eenvoudige illustraties. Vlakken met randen en een handvol kleuren.
Meer daarover lees je bij favicon.
Foto’s
Alles met een camera gemaakt, plus illustraties met verlopen en textuur. Die worden als SVG juist groter.
Meer daarover lees je bij pixel.
Het twijfelgeval
Een gedetailleerde illustratie. Vergelijk gewoon de bestandsgrootte van beide varianten en kies de kleinste.
Meer daarover lees je bij of SVG goed is voor je laadtijd.
Mijn vuistregels
- Lijnwerk: SVG.
- Foto’s: jpeg of modern formaat.
- Bij twijfel: vergelijk de bestandsgrootte.
- Nooit een foto naar SVG omzetten.
Die laatste levert een bestand van megabytes op dat er slechter uitziet dan het origineel.
Waarom het uitmaakt
Een logo als png op drie keer de maat weegt vijftig kilobyte. Als SVG drie. Dat verschil telt op over je hele site.
Meer daarover lees je bij pagespeed.
Bij een pictogrammenset
Bundel je pictogrammen in één bestand. Dan haal je ze in één keer op in plaats van twintig keer apart.
Meer daarover lees je bij retina.