Voor een website hebben we je logo en eventuele huisstijlbestanden nodig. Het juiste bestandsformaat is belangrijk, omdat je logo op verschillende formaten en achtergronden scherp en herkenbaar moet blijven.
Bij voorkeur ontvangen we een echt vectorbestand, zoals een SVG. In dit artikel leggen we uit waarom en wat de verschillen zijn tussen SVG, PNG en JPG.
Welk bestandsformaat is het beste voor een logo?
SVG: de beste keuze
Een SVG is een vectorbestand. Het logo bestaat uit vormen en lijnen in plaats van pixels. Daardoor blijft het logo scherp, hoe groot of klein het ook wordt weergegeven.
Voordelen van SVG:
blijft scherp op ieder scherm en formaat;
is eenvoudig schaalbaar;
heeft meestal een kleine bestandsgrootte;
ondersteunt een transparante achtergrond;
onderdelen van het logo kunnen vaak afzonderlijk worden gebruikt;
is geschikt voor verschillende kleurvarianten en animaties.
Heb je een professioneel ontworpen logo? Vraag de ontwerper dan bij voorkeur om het originele SVG-bestand.
Let op: niet ieder bestand met de extensie .svg is automatisch een echte vector. Soms is een gewone afbeelding in een SVG-bestand geplaatst.
PNG: geschikt als alternatief
Een PNG bestaat uit pixels, maar kan wel een transparante achtergrond hebben. Daardoor is dit formaat vaak goed bruikbaar wanneer er geen vectorbestand beschikbaar is.
Nadelen zijn dat een PNG bij sterk vergroten onscherp kan worden en dat losse onderdelen van het logo moeilijker te gebruiken zijn.
Heb je geen SVG? Lever dan bij voorkeur een PNG met transparante achtergrond en een hoge resolutie aan, bijvoorbeeld 2000 tot 4000 pixels breed.
JPG: minder geschikt voor logo’s
Ook een JPG bestaat uit pixels. Daarnaast ondersteunt het formaat geen transparante achtergrond en wordt compressie gebruikt.
Daardoor kunnen bijvoorbeeld rondom letters en strakke lijnen kleine onscherpe randjes ontstaan.
Voor foto’s is JPG prima geschikt, maar voor een logo adviseren we meestal SVG of PNG.
Waarom hebben we bij voorkeur een vectorlogo nodig?
Met een goed opgebouwd vectorlogo kunnen we het logo flexibel binnen het ontwerp van je website gebruiken.
We kunnen bijvoorbeeld:
het logo op ieder formaat scherp weergeven;
lichte en donkere varianten gebruiken;
een los beeldmerk gebruiken;
vormen en lijnen uit de huisstijl terug laten komen in het websiteontwerp;
het logo geschikt maken voor verschillende toepassingen, zoals een favicon.
Met alleen een PNG of JPG zijn deze mogelijkheden beperkter.
AI-gegenereerde logo’s
AI-tools kunnen handig zijn om snel ideeën of een eerste ontwerp voor een logo te maken. Het uiteindelijke bestand is echter vaak een PNG of JPG en geen professioneel opgebouwd vectorbestand.
Dat kan beperkingen opleveren wanneer het logo voor een website of andere huisstijltoepassingen wordt gebruikt. Veelvoorkomende aandachtspunten zijn:
het logo is niet onbeperkt schaalbaar;
tekst en fijne details kunnen onscherp worden;
onderdelen van het logo zijn niet afzonderlijk opgebouwd;
verschillende kleur- en formaatvarianten ontbreken;
vormen of lijnen zijn niet altijd geschikt om als losse huisstijlelementen te gebruiken.
Een AI-logo kan dus prima als uitgangspunt dienen, maar controleer altijd of er ook een bruikbare vectorversie beschikbaar is.
Waarom is een professioneel opgebouwd logo handig?
Een ontwerper levert meestal niet alleen één logoafbeelding, maar verschillende bestanden die geschikt zijn voor meerdere toepassingen.
Denk bijvoorbeeld aan:
een SVG- of ander vectorbestand;
een lichte en donkere versie;
een horizontale en verticale variant;
een los beeldmerk;
bestanden voor zowel web als drukwerk;
vastgelegde huisstijlkleuren en lettertypes.
Hierdoor kunnen we de huisstijl consistenter in de hele website toepassen.
Wat hebben we nodig voor je website?
Lever bij voorkeur de volgende bestanden en gegevens aan:
het logo als SVG;
eventueel een AI-, EPS- of vector-PDF;
de gebruikte huisstijlkleuren, bij voorkeur met HEX-codes;
de namen van de gebruikte lettertypes;
eventuele logo-varianten;
indien beschikbaar het beeldmerk en woordmerk als losse bestanden.
Heb je geen vectorbestand? Lever dan een zo groot mogelijke PNG met transparante achtergrond aan.
Hoe herken je een echt vectorbestand?
Je kunt dit vaak eenvoudig controleren door sterk in te zoomen.
Blijven de randen en letters volledig scherp? Dan is het waarschijnlijk een vectorbestand. Wordt het logo blokkerig of wazig? Dan bestaat het waarschijnlijk uit pixels. Twijfel je of jouw bestand geschikt is? Dan kunnen wij of je ontwerper dit controleren.
Kort samengevat
Voor een logo op een website is SVG meestal de beste keuze. Het blijft scherp op ieder formaat en geeft de meeste vrijheid bij het verwerken van je huisstijl.
Heb je alleen een PNG of JPG, dan kunnen we daar vaak ook mee werken, maar de mogelijkheden zijn beperkter. Bij een AI-gegenereerd logo is het vooral belangrijk om te controleren of er een echte vectorversie beschikbaar is.