Logoformaten: afmetingen voor website, social media en drukwerk

Een professioneel logo moet in totaal verschillende situaties werken: klein als favicon in de browsertab, middelgroot in de header van je site, groot op een gevelbanier, vierkant als profielfoto op Instagram en liggend op een visitekaartje. Elke situatie vraagt om eigen afmetingen en een eigen bestandstype — en met het verkeerde formaat wordt je logo wazig, afgesneden of vervormd.

Het goede nieuws: je hoeft niet voor elke situatie een nieuwe versie te ontwerpen. Met het juiste bronbestand past Verkleinen van ImageTools de afmetingen in seconden aan elk gebruik aan.

De bestandstypes die je van je logo moet hebben

Voordat we naar concrete afmetingen gaan: welke bestanden hoor je te bewaren? Een goed gedocumenteerd logo bestaat minstens uit deze versies:

• SVG (vectorieel): het masterbestand. Schaalt naar elk formaat — van een favicon van 16 px tot een billboard van tien meter — zonder kwaliteitsverlies. Onmisbaar voor websites, presentaties en drukkerijen.
• PNG met transparante achtergrond (hoge resolutie): voor digitaal gebruik waar SVG niet wordt geaccepteerd. Bewaar minstens 1000×1000 px, zodat je genoeg speelruimte hebt om te verkleinen.
• PNG met witte achtergrond: voor situaties waarin transparantie niet gewenst of niet mogelijk is — aanmeldformulieren van platforms, Word-documenten, e-mail.
• PNG of JPG in de donkere variant (elementen in wit): voor gebruik op gekleurde of donkere ondergronden. Een donkerblauw logo verdwijnt volledig op een zwarte achtergrond.
• Favicon (.ico + PNG's): aparte versies voor de browsertab. Met de Favicon Generator van ImageTools maak je alle benodigde formaten in één keer vanuit je logo.

Referentietabel — logoformaten per situatie

Logo voor je website

Header

In de header is een logo meestal 150 tot 400 px breed, met een hoogte die daarop meebeweegt. De exacte breedte hangt af van je layout: een compacte header komt uit op 150 px, een ruime site op 300 tot 400 px. Belangrijker is dat het logo scherp blijft op Retina-schermen: exporteer PNG op twee keer de weergavebreedte (of gebruik SVG, dat lost het vanzelf op) en laat CSS de weergavegrootte regelen.

Gebruik in de header altijd SVG of PNG met transparante achtergrond. De achtergrond van de header verandert mee met het ontwerp en het scrollen, en een logo met witte achtergrond laat dan een zichtbare witte rechthoek achter op gekleurde vlakken.

Favicon

De favicon is het icoontje in de browsertab, in je bladwijzers en op het beginscherm van mobiele apparaten. Een goede favicon is een vereenvoudigde versie van je logo: meestal alleen het beeldmerk of de beginletter, zonder de volledige bedrijfsnaam, want er is te weinig ruimte voor leesbare tekst.

Je hebt deze formaten nodig: 16×16 px en 32×32 px voor desktopbrowsers, 180×180 px voor iOS (Apple Touch Icon) en 192×192 px en 512×512 px voor Android en PWA's. De Favicon Generator van ImageTools maakt ze allemaal automatisch vanuit je logo.

Logo voor social media

Waarom je logo vierkant én rond moet werken

Vrijwel alle social media tonen de profielfoto als cirkel. Dat is lastig voor liggende logo's (beeldmerk plus naam naast elkaar): binnen die cirkel wordt het logo ofwel te klein om te lezen, ofwel worden de uiteinden afgesneden.

De beste oplossing is een aparte icoonversie: alleen het beeldmerk of de initialen van het merk, gecentreerd in een vierkant vlak, speciaal voor profielfoto's op social media. Die versie blijft herkenbaar zonder dat er iets wegvalt.

Instagram

Instagram accepteert profielfoto's tot 320×320 px, maar toont ze op 110 px in het profiel en 32 px in de feed. Het bestand moet vierkant zijn. Is je logo liggend, plaats het dan gecentreerd in een vierkant vlak met genoeg ruimte eromheen, zodat de ronde uitsnede niets afsnijdt.

Facebook

De profielfoto van een Facebookpagina wordt getoond op 170×170 px op desktop en 128×128 px op mobiel, altijd rond bijgesneden. De omslagfoto is 820×312 px; daarin is het logo meestal één element van het ontwerp en niet de hele afbeelding.

LinkedIn

Bij bedrijfspagina's toont LinkedIn het logo op 300×300 px (vierkant) en kleiner in overzichten. Hier weegt beeldkwaliteit extra zwaar voor je professionele uitstraling: gebruik een PNG van hoge kwaliteit en comprimeer niet te ver.

YouTube

Het kanaalicoon op YouTube verschijnt in heel verschillende maten: 98 px op een smart-tv, 32 px in de desktopfeed, 88 px in het mobiele profiel. Het bestand moet minstens 800×800 px zijn om overal scherp te blijven. De kanaalbanner is 2560×1440 px, maar de veilige zone — het deel dat op elk apparaat zichtbaar blijft — is slechts 1546×423 px in het midden. Je logo hoort binnen die zone te vallen.

WhatsApp Business

De profielfoto van WhatsApp Business is rond en wordt in gesprekken op zo'n 50 px getoond. Gebruik een bestand van 640×640 px, zodat hij ook schermvullend scherp blijft. Net als op andere platforms werken liggende logo's hier niet goed: pak de icoonversie of het beeldmerk.

Logo voor drukwerk

Drukwerk volgt een heel andere logica dan digitaal. Het aantal pixels op zich zegt niets; wat telt is de verhouding tussen die pixels en het fysieke afdrukformaat, uitgedrukt in DPI (dots per inch). De grafische standaard is 300 DPI.

Zo bereken je het aantal pixels voor drukwerk

Formule: pixels = formaat in cm ÷ 2,54 × DPI

Een paar praktijkvoorbeelden:

Wil je dit niet elke keer opnieuw uitrekenen, gebruik dan SVG. Dat vectorformaat schaalt onbeperkt en is op elk formaat af te drukken zonder kwaliteitsverlies. Elke professionele drukkerij accepteert SVG (of de vectoriële PDF die je er in Illustrator of Inkscape van maakt).

Bestandstypes die drukkerijen accepteren

De meeste professionele drukkerijen accepteren, en werken het liefst met:

• Vectoriële PDF: de standaard in de branche. Geëxporteerd vanuit Illustrator, Corel of Inkscape met het logo als vector.
• AI (Adobe Illustrator): het native vectorbestand.
• EPS: ouder vectorformaat, breed ondersteund.
• SVG: wordt door de meeste moderne drukkerijen geaccepteerd.
• PNG in hoge resolutie: bruikbaar als er geen vectorbestand is, mits de resolutie volstaat voor het afdrukformaat.

Je logo aanpassen aan elk gebruik

Heb je een bronbestand in PNG van hoge resolutie (minstens 1000×1000 px) of in SVG, gebruik dan Verkleinen van ImageTools om het aan te passen aan elk platform. Je stelt breedte en hoogte exact in pixels in en kiest zelf of de oorspronkelijke verhouding behouden blijft.

De aanbevolen werkwijze om je logoversies klaar te zetten:

1. Vertrek altijd vanaf het bestand met de hoogste resolutie — SVG of een PNG van meer dan 1000 px.
2. Verklein naar de afmetingen van de bestemming met Verkleinen.
3. Comprimeer voor social media licht met Comprimeren — houd de kwaliteit op 85 tot 90% zodat het scherp blijft.
4. Voor drukwerk stuur je de SVG rechtstreeks door of zet je hem om naar een vectoriële PDF.

Veelgemaakte fouten met logoformaten

Overal hetzelfde bestand gebruiken

Een logo van 2000 px in je e-mailhandtekening laadt traag en oogt gigantisch. Een logo van 100 px op een A4-afdruk wordt korrelig. Elke situatie heeft eigen ideale afmetingen: gebruik deze gids als naslag en pas het formaat aan vóór gebruik.

Geen versie voor donkere achtergronden hebben

Veel logo's worden ontworpen in donkere kleuren op een lichte ondergrond. Op posts met een zwarte of gekleurde achtergrond — denk aan Instagram Stories en LinkedIn-omslagen — verdwijnt zo'n logo simpelweg. Maak en bewaar altijd een versie met de hoofdelementen in wit of een lichte kleur.

Voor social media een veel te grote PNG opslaan

Een PNG van 2000×2000 px als Instagram-profielfoto levert geen betere weergave op: Instagram comprimeert alles boven het benodigde formaat toch weg. Upload op de ideale afmetingen (320×320 px) met kwaliteit 90%, zodat het platform er geen tweede compressieslag overheen hoeft te doen.

JPG gebruiken voor logo's met transparante achtergrond

JPG kent geen transparantie: sla je een transparante PNG op als JPG, dan wordt de achtergrond wit. Moet je logo transparant blijven omdat het op verschillende achtergrondkleuren komt, gebruik dan PNG of WebP.

Een kleine PNG opblazen in plaats van de SVG gebruiken

Bestaat je logo als SVG, neem die dan altijd als basis om te schalen en vergroot nooit een kleine PNG. Een PNG opblazen levert korreligheid op die je zonder het oorspronkelijke vectorbestand niet meer wegkrijgt.

Nog geen logo? Maak het nu

Heb je nog geen logo, of wil je een professionele versie, dan biedt ImageTools twee tools: Logo Maken, waarin je zelf het icoon, de kleuren en de typografie bepaalt, en Logo Maken met AI, waarin je je merk beschrijft en de AI vectoriële opties genereert die je meteen kunt downloaden. Allebei exporteren ze naar SVG en PNG — precies de bestandstypes die je nodig hebt voor alle toepassingen uit deze gids.

Veelgestelde vragen