wielkareklama.eustudio
Home › Gidsen › Logo en merk

Logo in SVG, PDF of PNG: welke bestanden heeft u nodig?

Logo en merk7 min leestijd · Bijgewerkt:

In het kort

Voor uw logo heeft u minimaal drie bestanden nodig: een vectorbestand in SVG (website, snijplotter voor folie, borduurwerk, graveren), een vector-PDF of EPS met de fonts omgezet naar contouren (alle drukwerk, van een visitekaartje van 85×55 mm tot een spandoek van 5 m) en een PNG met transparante achtergrond (social media, documenten, presentaties). Sla de PNG op in meerdere formaten, bijvoorbeeld 500, 1000 en 2000 px breed. Heeft u voor drukwerk alleen een bitmap, dan moet die op ware grootte ongeveer 300 DPI hebben: een logo van 50 mm breed vraagt dus zo'n 600 px.

De drukkerij vraagt om een „logo in vector”, het borduuratelier om een „bestand om te digitaliseren” en de social-mediaontwerper om een „PNG zonder achtergrond”. Ze hebben allemaal gelijk, want elk van deze bestanden dient een ander doel. In deze gids leggen we uit wat het verschil is tussen vector en bitmap, welk logobestand u aanlevert voor drukwerk, website, borduurwerk en folie, hoe u kleurversies voorbereidt en hoe u binnen een minuut controleert of uw bestand een echte vector is en geen afbeelding die zich als vector voordoet.

Vector en bitmap: wat is het verschil?

Een bitmap (PNG, JPG) is een raster met een vast aantal pixels. Vergroot u die voorbij de oorspronkelijke resolutie, dan worden de randen gekarteld en wazig, en die informatie krijgt u niet meer terug. Een vector (SVG, PDF, EPS, AI) beschrijft vormen wiskundig, met punten en curven, zodat u hem onbeperkt kunt schalen zonder kwaliteitsverlies.

Een logo hoort altijd als vector te worden ontworpen en gearchiveerd. Bitmaps exporteert u daar pas uit voor een concreet doel, op een concreet formaat. De omgekeerde weg, een PNG omzetten naar vector, vraagt om handmatig natekenen of een automatische overtrek met concessies.

KenmerkVector (SVG, PDF, EPS, AI)Bitmap (PNG, JPG)
SchalenZonder verlies, van favicon tot spandoekAlleen verkleinen zonder verlies
Transparante achtergrondJaPNG wel, JPG niet
Kleuren aanpassenEenvoudig, elke vorm afzonderlijkLastig, kleur zit vast in de pixels
Snijplotter, borduren, graverenVereistOnbruikbaar zonder natekenen
Bekijken zonder grafisch programmaSVG in de browser, PDF in een pdf-lezerOpent overal

Welk logobestand waarvoor?

Het onderstaande overzicht is een praktisch spiekbriefje. Twijfelt u, stuur dan de vector: daaruit exporteert elke leverancier wat hij nodig heeft, terwijl van een bitmap geen vector meer te maken is.

Bij grootformaat drukwerk telt ook de schaal. Spandoeken en roll-ups worden vaak op schaal 1:10 opgemaakt, en dan zou een bitmap een navenant hogere resolutie nodig hebben. Met een vector is dat probleem helemaal van de baan.

ToepassingBeste formaatOpmerkingen
Drukwerk: visitekaartjes, flyers, postersVector-PDF (of EPS, AI)Kleuren in CMYK, fonts omgezet naar contouren
Spandoek, roll-up, gevelbordVector-PDFEen vector schaalt onbeperkt
WebsiteSVGScherp op schermen met hoge pixeldichtheid, klein bestand
Social media, avatarPNGMin. 1000 px, avatar met alleen het beeldmerk
Word-documenten, presentatiesPNG met transparante achtergrondCa. 1000–2000 px breed
Folie, snijplotter, contourgesneden stickersSVG, PDF of EPSEgale kleuren, geen verlopen of schaduwen
BordurenVector (SVG, PDF)Het borduuratelier maakt er een eigen machinebestand van
Graveren, laser, stempelEenkleurige vectorStrakke contouren, geen halftonen
FaviconPNG of SVGBijv. 32×32 en 180×180 px, vereenvoudigd beeldmerk

Borduren en folie: waarom een bitmap hier niet volstaat

Een snijplotter en een borduurmachine zien geen pixels, alleen paden. De plotter snijdt met een mes langs de contour, dus elke kleur moet een aparte, gesloten vorm zijn. Verlopen, schaduwen en semitransparantie zijn in folie zonder bedrukking niet uitvoerbaar, en heel dunne lijnen blijven bij het wieden van de folie soms niet zitten. De minimale lijndikte hangt af van het type folie en het formaat van de sticker, dus vraag die na bij uw leverancier.

Bij borduurwerk staat het aantal kleuren gelijk aan het aantal garens, en kleine teksten lopen in de steek snel in elkaar over. Borduurateliers raden teksten lager dan ca. 5–6 mm meestal af, maar de grens hangt af van het materiaal en de steek. Daarom is een vereenvoudigde versie van het logo verstandig: minder details, dikkere lijnen en hooguit enkele kleuren met Pantone-nummer.

Transparante achtergrond: PNG, SVG en valkuilen

Een transparante achtergrond wordt ondersteund door PNG, SVG en PDF. Een JPG heeft altijd een achtergrond, meestal wit, die op een kleurrijke foto of een spandoek een lelijk rechthoekig vlak oplevert. Kies voor social media en documenten daarom PNG en geen JPG.

Let op „nep-transparantie”: een PNG waarin het dambordpatroon in de pixels zelf is getekend. Open het bestand op een donkere achtergrond, bijvoorbeeld in de donkere modus van uw browser: ziet u een dambord of een witte rand, dan is de achtergrond niet transparant. Bedenk bij drukwerk ook dat wit gewoon geen inkt is. Een wit logo op transparante folie of een gekleurde ondergrond vraagt om bedrukking met witte inkt, en die biedt niet elke machine.

Kleurversies van uw logo: welke bereidt u voor?

Eén kleurversie is niet genoeg, want uw logo komt op verschillende achtergronden en via verschillende technieken terecht. De minimale set bestaat uit een full-colourversie, een zwarte (monochrome) versie en een witte versie (negatief voor donkere achtergronden). Handig zijn ook een liggende en een staande opbouw en het beeldmerk los, dus het grafische teken zonder naam.

Leg de kleuren vast in meerdere kleursystemen. CMYK is voor drukwerk, RGB en HEX voor schermen, en Pantone voor steunkleuren, folie, zeefdruk en de garenkeuze bij borduren. Hetzelfde „huisstijlblauw” uit RGB kan na een simpele omrekening naar CMYK in druk duidelijk doffer uitvallen. Bepaal de CMYK-waarden daarom bewust en vertrouw niet blind op de automatische conversie.

VersieWaar u die gebruikt
Full colour CMYKDrukwerk: flyers, posters, visitekaartjes, spandoeken
Full colour RGB/HEXWebsite, social media, presentaties
ZwartFacturen, stempels, graveren, eenkleurendruk
Wit (negatief)Donkere achtergronden, foto's, donkere relatiegeschenken
BeeldmerkAvatar, favicon, borduurwerk op een klein oppervlak

Hoe herkent u een echte vector?

De bestandsextensie garandeert niets. Een PDF, EPS en zelfs een SVG kan gewoon een bitmap bevatten, en een bestand hernoemen van .png naar .svg maakt er nog geen vector van. Doe een paar eenvoudige tests voordat u het bestand naar de drukkerij of het borduuratelier stuurt.

Fonts, contouren en de complete bestandsset om aan te leveren

Zet in een vectorbestand voor drukwerk de teksten om naar contouren (in Illustrator: Contouren maken). Doet u dat niet, dan ziet een drukkerij die uw font niet heeft een ander lettertype of een foutmelding. Zet ook lijnen met een vaste lijndikte om naar vormen, anders gedragen ze zich bij het schalen onvoorspelbaar.

Controleer de leesbaarheid van uw logo bij de kleinste toepassing die u daadwerkelijk gebruikt, bijvoorbeeld ca. 15 mm breed op een visitekaartje en 32 px als favicon. Verdwijnen er details, maak dan een vereenvoudigde versie. Orden alles in een map met duidelijke bestandsnamen, zoals bedrijf-logo-liggend-cmyk.pdf of bedrijf-beeldmerk-wit.png. Zo'n complete set krijgt u bijvoorbeeld bij het pakket „Logo-ontwerp” van plakaty.shop (wielkareklama.eu studio): 10 voorstellen in PNG, SVG en vector-PDF voor € 47.

Checklist

  • U heeft uw logo als vector (PDF of SVG) en het heeft de zoomtest doorstaan
  • Teksten en lijnen zijn omgezet naar contouren
  • De drukversie staat in CMYK, de schermversie in RGB/HEX
  • De PNG heeft een echt transparante achtergrond, gecontroleerd op een donkere achtergrond
  • U heeft een kleurversie, een zwarte en een witte versie en het beeldmerk los
  • Voor folie en borduren heeft u een vereenvoudigde versie met egale kleuren en Pantone-nummers
  • Het logo is leesbaar op het kleinste formaat waarin u het gebruikt
  • De bestanden hebben duidelijke namen en zijn in mappen geordend
  • U heeft alle teksten in het logo en de materialen vóór het drukken nagelezen

Veelgestelde vragen

Welk logoformaat stuur ik naar de drukkerij?

Het veiligst is een vector-PDF met teksten omgezet naar contouren en kleuren in CMYK. Drukkerijen accepteren ook EPS en AI. Heeft u alleen een PNG, dan moet die op het uiteindelijke formaat ongeveer 300 DPI hebben, wat bij grote formaten vaak onhaalbaar is.

Is een PNG een vectorbestand?

Nee, een PNG is een bitmap die uit pixels bestaat. Het voordeel is de transparante achtergrond, maar bij vergroten verliest het bestand scherpte. Vectorformaten zijn SVG, PDF (als het paden bevat), EPS en AI.

Hoe zet ik een PNG-logo om naar vector?

Het beste resultaat krijgt u als een ontwerper het logo handmatig natekent in een vectorprogramma. Automatisch overtrekken (bijv. in Illustrator of Inkscape) werkt bij eenvoudige, eenkleurige tekens, maar laat bij details en letters onregelmatige randen achter. Voor borduren en folie moet zo'n automatische overtrek meestal nog worden bijgewerkt.

SVG of PNG voor mijn website?

Voor een logo op uw website is SVG beter: het is op elk scherm scherp, meestal lichter en de kleur is eenvoudig aan te passen met CSS. Kies PNG waar SVG niet wordt ondersteund, bijvoorbeeld in sommige e-mailmarketingsystemen, en als avatar op social media.

Welke resolutie moet een PNG-logo voor social media hebben?

Een PNG van 1000–2000 px breed met transparante achtergrond volstaat. Maak voor de profielfoto een vierkant met alleen het beeldmerk, want platforms snijden de avatar bij tot een cirkel en verkleinen hem tot enkele tientallen pixels.

Is een PDF altijd een vector?

Nee. Een PDF is een container die zowel vectorpaden als een gewone afbeelding kan bevatten. Zoom in tot ca. 1000% of probeer losse letters te selecteren: ziet u pixels of wordt een hele rechthoek geselecteerd, dan zit er een bitmap in.

Lees ook

Logo en merkLogo ontwerpen voor een klein bedrijf: soorten, regels, tests en foutenLogo en merkHuisstijl voor een klein bedrijf: waar begint u?Logo en merkHoe bedenkt u een bedrijfsnaam en controleert u of die vrij is?BranchesReclame voor horeca: flyers, posters, menukaarten en graphics — ideeën en voorbeelden

Alle gidsen →