Logo in SVG, PDF of PNG: welke bestanden heeft u nodig?
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.
| Kenmerk | Vector (SVG, PDF, EPS, AI) | Bitmap (PNG, JPG) |
|---|---|---|
| Schalen | Zonder verlies, van favicon tot spandoek | Alleen verkleinen zonder verlies |
| Transparante achtergrond | Ja | PNG wel, JPG niet |
| Kleuren aanpassen | Eenvoudig, elke vorm afzonderlijk | Lastig, kleur zit vast in de pixels |
| Snijplotter, borduren, graveren | Vereist | Onbruikbaar zonder natekenen |
| Bekijken zonder grafisch programma | SVG in de browser, PDF in een pdf-lezer | Opent 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.
| Toepassing | Beste formaat | Opmerkingen |
|---|---|---|
| Drukwerk: visitekaartjes, flyers, posters | Vector-PDF (of EPS, AI) | Kleuren in CMYK, fonts omgezet naar contouren |
| Spandoek, roll-up, gevelbord | Vector-PDF | Een vector schaalt onbeperkt |
| Website | SVG | Scherp op schermen met hoge pixeldichtheid, klein bestand |
| Social media, avatar | PNG | Min. 1000 px, avatar met alleen het beeldmerk |
| Word-documenten, presentaties | PNG met transparante achtergrond | Ca. 1000–2000 px breed |
| Folie, snijplotter, contourgesneden stickers | SVG, PDF of EPS | Egale kleuren, geen verlopen of schaduwen |
| Borduren | Vector (SVG, PDF) | Het borduuratelier maakt er een eigen machinebestand van |
| Graveren, laser, stempel | Eenkleurige vector | Strakke contouren, geen halftonen |
| Favicon | PNG of SVG | Bijv. 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.
- Voor folie: vector, kleuren als egale vullingen, lijnen omgezet naar vormen.
- Voor borduren: vector plus Pantone-nummers, vereenvoudigde versie voor kleine formaten.
- Voor graveren: één kleur, geen schaduwen.
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.
| Versie | Waar u die gebruikt |
|---|---|
| Full colour CMYK | Drukwerk: flyers, posters, visitekaartjes, spandoeken |
| Full colour RGB/HEX | Website, social media, presentaties |
| Zwart | Facturen, stempels, graveren, eenkleurendruk |
| Wit (negatief) | Donkere achtergronden, foto's, donkere relatiegeschenken |
| Beeldmerk | Avatar, 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.
- Zoomtest: open de PDF of SVG en zoom in tot 1000–2000%. Een vector heeft perfect gladde randen, een bitmap toont pixels of onscherpte.
- Omtrekweergave: in Illustrator (Ctrl+Y) of Inkscape ziet u de dunne lijnen van de paden. Ziet u alleen een rechthoek, dan zit er een afbeelding in.
- Selectietest: klik in een grafisch programma op een letter of vorm. In een vector selecteert u losse elementen met ankerpunten.
- SVG-code bekijken: open het bestand in Kladblok. Path-tags betekenen vector, een image-tag met een lange base64-tekenreeks wijst op een ingesloten bitmap.
- Automatische overtrek: een overdaad aan ankerpunten, golvende lijnen en „trapjes” in bogen verraden een vector die automatisch uit een PNG is gemaakt. Voor drukwerk volstaat dat meestal, voor borduren en folie kunt u beter handmatig laten natekenen.
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.
- Map VECTOR: PDF, SVG, eventueel EPS of AI, versies in CMYK en RGB.
- Map PNG: kleur-, zwarte en witte versies in 500, 1000 en 2000 px.
- Kleurenbestand: waarden in CMYK, RGB, HEX en Pantone.
- Het bewerkbare bronbestand, als de afspraak met uw ontwerper daarin voorziet.
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.