Bij de oplevering van een logo belanden er een stuk of tien bestanden op het bureaublad en de klant vraagt terecht: "Welke gebruik ik, en waar?" Logo-bestandsformaten zijn het minst glamoureuze deel van het ontwerpproces, en toch zorgen ze dagelijks voor de meeste verwarring. In deze gids leg ik in eenvoudige taal uit waar formaten als SVG, PNG, PDF en EPS voor dienen, welke de juiste keuze is voor elk medium, en wat een goed opleverpakket moet bevatten.
Vector versus raster: het enige onderscheid dat telt
Alles valt uiteen in twee grote families. Vectorformaten slaan het logo niet op als pixels, maar als wiskundige curves en punten. Daarom kun je het vergroten van een visitekaartje tot een gevelbord zonder dat ook maar één pixel vaag wordt. Rasterformaten (bitmap) houden een vast raster van pixels aan; ze worden voor een specifiek formaat gemaakt, en daarboven vallen de randen uit elkaar.
- Vector: SVG, EPS, AI, PDF (met vectorinhoud) — oneindig schaalbaar, het bronbestand voor druk en bewerking.
- Raster: PNG, JPG, WebP — vastgezet op een bepaald pixelformaat, handig voor schermen en snel delen.
De praktische regel: de masterbron van een logo moet altijd vector zijn. Rasterversies zijn kopieën die uit die bron worden geëxporteerd, nooit andersom.
SVG — de juiste keuze voor het web
SVG (Scalable Vector Graphics) is een webnatief vectorformaat en eigenlijk een XML-tekstbestand. Plaats je een logo in een sitekop, een e-mailhandtekening of een app-interface, dan is SVG in de meeste gevallen de beste optie: het bestand is piepklein, het blijft scherp op elke schermresolutie (retina inbegrepen) en je kunt de kleur zelfs via CSS aanpassen. Je kunt het rechtstreeks in HTML insluiten:
<img src="logo.svg" alt="Merknaam" width="160">
<!-- of inline, voor controle via CSS -->
<svg viewBox="0 0 100 40" role="img" aria-label="Merknaam">
<path d="M10 30 L30 10 ..." fill="currentColor"/>
</svg>
Eén kanttekening: omdat een SVG een tekstbestand is, mag de versie die je naar een klant stuurt geen overbodige metadata of verborgen bewerkingslagen bevatten. Optimaliseren met een tool als svgo verkleint het bestand en ruimt het tegelijk op.
PNG — transparante achtergrond en schermgebruik
PNG is het meest gangbare rasterformaat voor oplevering omdat het transparantie (een alfakanaal) ondersteunt. Iedereen die een logo op een gekleurde achtergrond wil plaatsen zonder een wit kader eromheen, heeft PNG nodig: een socialmediaprofiel, een presentatie, een e-mailsjabloon, uploads naar externe platforms. Bereid bij het aanleveren van PNG's een paar formaten voor — bijvoorbeeld 256, 512 en 1024 pixels breed. JPG raad ik voor een logo af: het heeft geen transparantie, en de lossy compressie laat zichtbare artefacten achter langs scherpe randen.
PDF, EPS en AI — druk en bronbestanden
De wereld van fysieke druk (drukkerijen, bewegwijzering, textiel) vraagt meestal om vector. Drie formaten springen er hier uit:
- PDF: een universeel formaat dat vectorinhoud kan behouden en dat vrijwel iedereen kan openen. Het is de veiligste optie met de minste wrijving om naar een drukkerij te sturen.
- EPS: een ouder vectorformaat dat in de drukwereld nog vaak wordt gevraagd. Sommige drukkerijen vragen expliciet om EPS.
- AI: het bronbestand van Adobe Illustrator — het echte "bewerkbare origineel". Het blijft meestal bij de ontwerper, maar het aan de klant geven voor merkeigendom is ook gangbaar.
Kleur is voor druk eveneens belangrijk: schermen werken in RGB, druk gebruikt CMYK. Een goed opleverpakket moet CMYK-versies van de drukbestemde vectorbestanden bevatten, plus de Pantone-kleurcodes van het merk.
Hoe ziet een goed opleverpakket eruit?
De manier om de klant het leven makkelijk te maken, is de bestanden te ordenen op gebruiksdoel. Zo richt ik een pakket doorgaans in:
logo-pakket/
├── vector/ (SVG, PDF, EPS — schaalbare bronnen)
├── web/ (PNG's: kleur, wit, zwart — transparant)
├── social/ (PNG's bijgesneden voor vierkante en ronde profielen)
├── druk/ (CMYK-PDF + EPS)
└── merkgids.pdf (kleurcodes, vrije-ruimteregels, gebruik)
Drie versies van elke variant leveren is ook een standaard hoffelijkheid: volledige kleur, monochroom zwart en monochroom wit (omgekeerd). Zo blijft het logo leesbaar op lichte, donkere én fotografische achtergronden.
Veelgestelde vragen
Welk formaat moet ik voor mijn website gebruiken?
SVG indien mogelijk. Het is klein, scherp en helder op elk scherm. Is er een plek waar je SVG niet kunt gebruiken (sommige oudere e-mailclients of platforms), dan is een PNG met hoge resolutie en transparante achtergrond de op één na beste keuze.
De drukkerij vroeg om een "vectorbestand" — wat stuur ik?
Een PDF die de vectorinhoud behoudt, volstaat voor de meeste drukkerijen; willen ze specifiek EPS, stuur dan ook dat formaat. Zorg dat de kleuren CMYK zijn en dat de tekst naar outlines (curves) is omgezet, zodat een ontbrekend lettertype geen problemen geeft.
Waarom is JPG ongeschikt voor een logo?
JPG ondersteunt geen transparantie en gebruikt lossy compressie, wat zichtbare degradatie veroorzaakt langs de scherpe randen en egale kleurvlakken van een logo. Kies voor een logo PNG (raster) of SVG (vector).
Wil je je logo als compleet opleverpakket met alle formaten? Ik kan een net en goed geordend logopakket samenstellen, klaar voor web, social media en druk. Neem contact op en laten we ervoor zorgen dat je merk er in elk medium scherp uitziet.