Customer Impact

Branding

Logo bestandsformaten uitgelegd: AI, SVG, PNG, EPS en wanneer welke

Kopieer voor AI

Voor web gebruik je SVG of PNG, voor drukwerk EPS of PDF.

Het AI-bestand bewaar je als origineel.

Zo kom je bijna altijd goed uit.

Het verdict: één logobestand voor alles bestaat niet. Je hebt een vectorbestand nodig als origineel en pixelbestanden als werkkopie.

Je logo is klaar en je krijgt een mapje vol bestanden: een AI-bestand, een paar PNG’s, een EPS, misschien een SVG. Welk stuur je naar de drukker, welk zet je op je website, welk gebruik je voor LinkedIn?

Stuur je het verkeerde, dan krijg je een wazig logo op je beursbanner of een witte rand rond je avatar.

Wat is het verschil tussen vector en pixel?

Een vectorbestand beschrijft vormen, een pixelbestand bewaart puntjes.

Logobestanden vallen in 2 families: vector en pixel (ook raster genoemd).

Snap je dit verschil, dan snap je meteen waarom er zoveel formaten bestaan.

Vector: wiskundige vormen

Een vectorbestand beschrijft je logo als lijnen, curves en vlakken met coördinaten.

Het zegt niet “hier staat een blauwe pixel”.

Het zegt “trek een cirkel met deze straal en vul hem blauw”.

Het gevolg is magisch.

Je maakt het logo zo klein als een favicon of zo groot als een gevelreclame, en het blijft haarscherp.

Er is geen vaste resolutie, dus geen kwaliteitsverlies.

AI, EPS, SVG en (meestal) PDF zijn vectorformaten.

Pixel: een vast raster

Een pixelbestand is een raster van losse gekleurde puntjes met een vaste resolutie.

Een voorbeeld: een PNG van 500 bij 500 pixels heeft precies 250.000 puntjes.

Maak je hem groter, dan worden de puntjes uitgerekt en zie je blokjes.

PNG en JPG zijn pixelformaten. Ze zijn niet slechter, ze zijn anders.

Voor het web en voor foto’s zijn ze juist ideaal, want browsers en schermen kunnen er direct mee overweg.

Wat er gebeurt als je beide 4 keer vergroot:

VOORBEELD: 4 KEER VERGROOT Vector blijft scherp, pixel niet Vector (AI, EPS, SVG, PDF) vormen herberekend: altijd scherp Pixel (PNG, JPG) puntjes uitgerekt: blokjes en wazig Illustratie. Alles wat groot of gedrukt wordt, vraagt om vector.

Je hebt ze allebei nodig

Het vectorbestand is je onaantastbare origineel.

De pixelbestanden zijn de werkkopieën voor dagelijks gebruik.

Een goede ontwerper levert daarom altijd beide, vaak samen met een brandbook.

Welke vectorformaten heb je nodig?

Drie voor je origineel en je drukwerk, plus SVG voor het web.

AI (Adobe Illustrator)

Het AI-bestand is het bronbestand: het origineel waarin je logo getekend is.

Het opent in Adobe Illustrator en bevat alle lagen, paden en kleurinformatie.

Met dit bestand kan je ontwerper (of een volgende) je logo aanpassen. Denk aan een kleur wijzigen, een variant maken of een woordmerk losknippen.

Zelf doe je er dagelijks niets mee, want je hebt Illustrator nodig om het te openen.

Maar bewaren is cruciaal.

Let op: zonder dit bestand kan niemand je logo later nog netjes bewerken. Zie het als de moedervorm: je gebruikt hem zelden, maar je wilt hem nooit kwijt.

EPS (Encapsulated PostScript)

EPS is het klassieke uitwisselformaat voor drukwerk.

Zo goed als elke drukker en elk professioneel ontwerpprogramma opent het, ook zonder Illustrator.

Vraagt iemand “stuur ons je logo in vector”? Dan is EPS vaak het juiste antwoord. Bijvoorbeeld voor een banner, een sticker, bedrukte kledij of een advertentie in een magazine.

EPS raakt langzaam uit de mode ten voordele van PDF. Maar veel drukkerijen vragen er nog naar, dus zet het in je leverpakket.

PDF

Iedereen kent PDF als documentformaat.

Maar een logo-PDF kan de volledige vectorinformatie bewaren.

Daardoor is het een uitstekend, universeel deelbaar drukbestand:

  • je drukker kan het openen
  • je collega bekijkt het zonder dure software
  • de kwaliteit blijft schaalbaar

Voor veel drukwerk is een vector-PDF net zo bruikbaar als een EPS.

SVG (Scalable Vector Graphics)

SVG is de vector voor het web.

Een SVG-logo blijft scherp op elk scherm, van een oude laptop tot een 4K-monitor of een retina-telefoon.

Het formaat is volgens de W3C-specificatie schaalbaar naar verschillende schermresoluties. En het bestand is meestal klein, wat je laadtijd en Core Web Vitals ten goede komt.

Bovendien kun je een SVG met code van kleur laten veranderen, bijvoorbeeld voor een donkere modus.

Tip: bouw je een nieuwe site, vraag dan expliciet een SVG van je logo. Snelle pagina’s houden bezoekers vast, en een goed branding bureau levert die SVG standaard mee.

Welke pixelformaten gebruik je voor web en social media?

PNG bijna altijd, JPG alleen als het moet.

PNG

PNG is het werkpaard voor digitaal gebruik. Het is het formaat dat je waarschijnlijk het vaakst zelf inzet.

De grote troef: PNG ondersteunt transparantie. De achtergrond rond je logo is doorzichtig.

Zo plaats je het op een gekleurde balk, een foto of een social-header zonder lelijk wit kader.

Vraag je ontwerper om PNG’s in een paar maten en 2 kleurversies:

  • Maten: klein voor web, groot voor presentaties.
  • Donker: voor lichte achtergronden.
  • Wit: voor donkere achtergronden.

Met die set dek je het grootste deel van je dagelijkse gebruik, van e-mailhandtekening tot PowerPoint.

JPG (JPEG)

JPG ken je van foto’s. Voor logo’s is het meestal de minst geschikte keuze.

De reden: JPG kan geen transparantie.

Je logo staat dus altijd op een dichte achtergrond, doorgaans wit.

Daarnaast comprimeert JPG met kwaliteitsverlies.

Rond scherpe randen en tekst krijg je dan vage artefacten.

Gebruik JPG alleen als een platform er uitdrukkelijk om vraagt, of als je logo sowieso op effen wit staat.

Welk logobestand gebruik je waar?

Hier komt alles samen. Een vuistregel per situatie:

SituatieFormaatWaarom
Website of webshopSVG, anders PNGScherp en snel op elk scherm
Social mediaPNG met transparantieJuiste afmetingen per platform
E-mailhandtekening, kantoordocumentenPNG, kleine variantOpent overal
Drukwerk (visitekaartjes, banners, kledij, stickers)EPS of vector-PDFSchaalt zonder verlies
Bewerken of nieuwe variantAI-bronbestandAlle lagen en paden

Dezelfde keuze als beslisboom:

LOGOBESTAND KIEZEN Welk bestand stuur je? Wordt het gedrukt of groot? banner, sticker, kledij, gevel EPS of vector-PDF naar de drukker Verschijnt het op een scherm? website, social, e-mail, slides SVG of PNG met transparantie Moet het logo aangepast worden? nieuwe kleur, variant, woordmerk AI-bronbestand naar de ontwerper Groot of gedrukt vraagt vector. Op een scherm volstaat SVG of PNG.

Twijfel je tussen 2 formaten? Kies vector voor groot of gedrukt.

Waarom moet je je bronbestanden altijd opeisen?

Omdat je anders afhankelijk blijft van je ontwerper.

Dat is geen technische les, maar een zakelijke.

Wie een logo laat ontwerpen, moet eigenaar worden van de bronbestanden.

Krijg je alleen een paar PNG’s, dan zit je vast. Drie dingen lukken dan niet:

  • je logo schalen voor drukwerk
  • je logo aanpassen
  • een verloren bestand reproduceren

Je hangt dan af van de oorspronkelijke maker voor elke kleine wijziging.

Wat een correct leverpakket bevat

Maak daarom vooraf afspraken, net zoals wanneer je een huisstijl laat ontwikkelen. Een correct leverpakket bevat minstens 4 onderdelen:

  1. het AI-bronbestand
  2. een EPS of vector-PDF voor druk
  3. een SVG voor web
  4. een set PNG’s in donkere en witte versie

Wij vinden dit een basisvoorwaarde van professioneel werk, geen extraatje.

Een goed branding bureau levert je logo standaard in alle bruikbare formaten. Met een korte uitleg over welk bestand waarvoor dient.

Formaten zijn het sluitstuk

Een logo dat in elk formaat klopt, is pas waardevol als het ergens voor staat.

Dat begint bij je positionering en je merkstrategie.

Het krijgt vorm in de principes achter een sterk B2B-logo.

De bestandsformaten zorgen dat dat werk overal scherp en consistent over je kanalen terechtkomt.

Veelgestelde vragen over logo bestandsformaten

Welk logobestand stuur ik naar de drukker?

Een EPS of een vector-PDF. Beide bewaren de vectorinformatie, zodat je logo op elke grootte scherp blijft. Vraagt de drukker uitdrukkelijk een ander formaat, volg dan zijn instructie.

Welk logoformaat is het beste voor mijn website?

SVG, omdat het scherp blijft op elk scherm en meestal klein is. Kan je CMS geen SVG aan, gebruik dan een PNG met transparante achtergrond.

Waarom heeft mijn logo een witte rand op social media?

Waarschijnlijk gebruik je een JPG. JPG kan geen transparantie, dus je logo staat altijd op een dichte achtergrond. Een PNG met transparante achtergrond lost dat op.

Zit je vast met onbruikbare logobestanden?

Of wil je zeker zijn dat je logo en huisstijl in elk kanaal kloppen?

Neem contact met ons op. We kijken samen hoe je je merk technisch en strategisch op orde krijgt.

Gratis website-scan

Geef je website in en krijg binnen enkele minuten een automatische scan met concrete technische en SEO-verbeterpunten. Geen verkooppraatje.

Waar mogen we je rapport naartoe sturen?

Je gegevens gebruiken we alleen voor je scan. Geen spam, uitschrijven kan altijd.

Gerelateerde dienst Branding →