Logobestandsformaten en -afmetingen: de complete checklist
Je hebt geen tientallen logobestanden nodig — je hebt één vectormaster nodig en een korte set exports daaruit. Bewaar een SVG als bron, exporteer PNG's voor rasterplaatsingen en een faviconset voor browsers, en geef drukkers een vector-PDF. Deze checklist koppelt elk formaat en elke grootte aan waar het wordt gebruikt.
Op deze pagina
Begin met één master, exporteer de rest
De gouden regel voor logobestanden: bewaar één enkele vectormaster — een SVG — en genereer elk ander bestand daaruit. Omdat vectoren schalen zonder kwaliteit te verliezen, kun je later elk formaat produceren. Exporteren vanuit een rasterbestand is hoe logo's wazig worden. Voor de volledige redenering, zie SVG versus PNG voor logo's.
De formaten die je nodig hebt
- SVG — je master, en het formaat voor het web. Schaalbaar en minuscuul.
- PNG — voor rasterplaatsingen met vaste grootte: social-media-avatars, sommige e-mail- en documenttools. Ondersteunt transparantie.
- Faviconset — een SVG-favicon plus kleine PNG's en een ICO-terugval voor browsertabbladen. Zie hoe je een favicon maakt.
- PDF — een vectorbestand om aan drukkers te geven; bijna universeel geaccepteerd.
- EPS — een ouder vectorformaat dat sommige drukkers nog vragen.
- Vermijd JPG — geen transparantie en lossy compressie die scherpe randen uitsmeert.
De afmetingen die je nodig hebt, per bestemming
| Waar het verschijnt | Formaat | Grootte / opmerking |
|---|---|---|
| Website | SVG | schaalbaar; de standaard op scherm |
| Browsertabblad | SVG + ICO + PNG | faviconset (32) + touch-icon (180) |
| Socialmediaprofiel | PNG | vierkant, op het formaat van het platform |
| App-icoon / PWA | PNG | 192 en 512 |
| E-mail / documenten | PNG | een gematigd vast formaat |
| Druk | PDF (of EPS) | vector; elk formaat strak |
Vergeet de varianten niet
Een complete set is niet alleen formaten en afmetingen — het zijn ook versies: een logo in volledige kleur, een ééncleurige versie, en lichte en donkere varianten voor verschillende achtergronden. Deze komen uit dezelfde master en doen er net zoveel toe als het bestandstype. Ze maken deel uit van je visuele identiteit.
Organiseer en benoem ze duidelijk
Houd de master gescheiden van exports, en benoem bestanden zo dat iedereen de juiste kan pakken —
bijvoorbeeld logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png, en
logo-print.pdf. Een opgeruimde map is wat een logo maanden later daadwerkelijk bruikbaar maakt.
Bouw je je logo met LogoSaga, dan bundelt de export de SVG, PNG, en een favicon.svg samen, zodat
de hele set al overeenkomt — geen gezoek naar het juiste bestand.
Veelgestelde vragen
Welke bestandsformaten heb ik nodig voor mijn logo?
Op zijn minst: een SVG-master, PNG's voor rasterplaatsingen (zoals social-media-avatars), een faviconset voor browsers, en een vector-PDF voor druk. Vermijd JPG, dat geen transparantie heeft en randen verzacht.
Welke grootte moet mijn logo hebben?
Er is geen enkele grootte — het hangt af van de plaatsing. Gebruik de schaalbare SVG op het web, exporteer PNG's op de grootte die elke bestemming aanbeveelt, en lever faviconformaten (32 en 180) en PWA-formaten (192 en 512).
Welk logobestand heeft een drukker nodig?
Een vectorbestand — meestal een PDF (of EPS als ze daarom vragen) — zodat ze het strak naar elk formaat kunnen schalen. Exporteer het uit je SVG-master.
Hoe organiseer en benoem ik logobestanden?
Houd de SVG-master apart, en benoem exports duidelijk naar formaat en gebruik — bijvoorbeeld logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png, logo-print.pdf.
Bronnen
- Scalable Vector Graphics (SVG) 2 — W3C
- Image file type and format guide — MDN Web Docs