Wat is een vectorbestand? (SVG, AI, EPS en PDF uitgelegd)
Kort antwoord
Een vectorbestand is een afbeelding die bestaat uit wiskundig beschreven punten, lijnen en curves in plaats van pixels. Daardoor blijft het op elk formaat haarscherp, van visitekaartje tot spandoek. De vier bekendste vectorformaten zijn SVG, AI, EPS en PDF. Drukkers en borduurders vragen voor logo's bijna altijd om zo'n bestand.
Kernpunten
- Vector = paden en vormen, raster = pixels. Alleen een vector kun je onbeperkt vergroten zonder kwaliteitsverlies.
- SVG, AI, EPS en PDF kunnen vectoren bevatten, maar ook een ingesloten pixelbeeld. De extensie zegt dus niet alles.
- PNG, JPG en WebP zijn altijd rasterbestanden, ook als een logo er strak uitziet.
- Png-naar-svg-converters raden de vormen: voor print levert dat vaak golvende lijnen en rommelige bestanden op.
Wat is het verschil tussen een vector en een rasterbestand?
Een rasterbestand slaat per pixel een kleur op, een vectorbestand slaat vormen op. Adobe beschrijft rasterbestanden als afbeeldingen die zijn opgebouwd uit kleine gekleurde vierkantjes, en vectorbestanden als bestanden die werken met lijnen, curves en vaste punten op een raster, zonder pixels.
Het gevolg: een foto van 1000 pixels breed blijft 1000 pixels. Vergroot je die, dan gaat de software pixels bijverzinnen en wordt het beeld wazig of blokkerig. Een vector beschrijft bijvoorbeeld 'een cirkel met straal 40, gevuld met Pantone 286 C'. Of je die nu 2 centimeter of 2 meter groot drukt, de computer tekent hem gewoon opnieuw, scherp.
Rasterbestanden zijn ideaal voor foto's en beelden met veel tinten. Vectoren zijn de standaard voor logo's, iconen, illustraties met vlakke kleuren, lettertypen en alles wat moet worden gesneden, geborduurd of gezeefdrukt.
| Vector | Raster | |
|---|---|---|
| Opbouw | Punten, lijnen, curves (paden) | Raster van pixels |
| Vergroten | Blijft scherp | Wordt wazig of blokkerig |
| Bekende formaten | SVG, AI, EPS, PDF | PNG, JPG, WebP, GIF, TIFF, PSD |
| Geschikt voor | Logo's, iconen, belettering, textieldruk | Foto's, beelden met veel verloop |
| Kleuren aanpassen | Per vlak, exact (bijv. Pantone) | Lastig, per pixel |
Welke vectorformaten zijn er?
De vier formaten die je in de praktijk tegenkomt zijn SVG, AI, EPS en PDF. Ze kunnen allemaal vectoren bevatten, maar ze zijn gemaakt voor verschillende doelen.
SVG is volgens MDN een op XML gebaseerde, tekstuele open webstandaard voor tweedimensionale vectorafbeeldingen. Je kunt een SVG zelfs openen in een teksteditor en de vormen lezen. EPS staat voor Encapsulated PostScript; Adobe noemt het een vectorformaat dat traditioneel wordt gebruikt voor professioneel drukwerk. AI is het eigen werkbestand van Adobe Illustrator en PDF is het universele uitwisselformaat dat zowel vectoren als pixels kan bevatten.
| Formaat | Wat het is | Gebruik | Openen met | Let op |
|---|---|---|---|---|
| SVG | Open webstandaard, XML-tekst | Websites, apps, snijplotters, steeds vaker print | Browser, Illustrator, Inkscape, Figma | Kan een ingesloten PNG bevatten (dan geen echte vector) |
| AI | Werkbestand van Adobe Illustrator | Bronbestand voor ontwerpers en drukkerijen | Illustrator (deels Affinity, Inkscape) | Bewaar dit als 'master' van je logo |
| EPS | Encapsulated PostScript | Klassiek aanleverformaat voor drukwerk en textiel | Illustrator, Affinity, CorelDRAW | In Photoshop wordt het gerasterd |
| Universeel documentformaat | Aanleveren bij drukker, proeven delen | Elke PDF-lezer; bewerken in Illustrator | Kan ook alleen een pixelafbeelding bevatten | |
| PNG / JPG / WebP | Rasterformaten (ter vergelijking) | Web, social media, previews | Elk beeldprogramma | Geen vector, niet geschikt voor zeefdruk, borduren of flex |
Welk formaat heb je nodig?
Het korte antwoord: bewaar je logo als AI of SVG als bronbestand en lever PDF of EPS aan bij drukkers. Voor websites gebruik je SVG, voor social media een PNG die je vanuit de vector exporteert.
Een goed logopakket bevat daarom meerdere formaten en varianten: kleur, zwart, wit, liggend en staand. Welke eisen per druktechniek gelden, lees je in welk logobestand je nodig hebt om kleding te bedrukken.
Je logo drukklaar laten maken?
Vaste prijs vooraf. Reactie binnen 24 uur.
Waarom schieten png-naar-svg converters vaak tekort voor print?
Omdat een converter de vormen raadt op basis van pixels, in plaats van ze bewust opnieuw op te bouwen. Dat heet auto-trace. De software zoekt waar kleuren in elkaar overgaan en legt daar paden omheen. De handleiding van Inkscape waarschuwt zelf dat je teleurgesteld wordt als je een honderd procent getrouwe vectorversie verwacht, en dat de functie het best werkt bij donkere silhouetten op een lichte achtergrond.
Bij logo's die met AI zijn gemaakt, of bij kleine, gecomprimeerde JPG's, gaat dat vaak mis:
- Rechte lijnen worden licht golvend en cirkels worden hoekig.
- Zachte randen en verlopen leveren honderden losse vlakjes en overbodige ankerpunten op.
- Letters krijgen hobbelige randen; het oorspronkelijke lettertype is niet meer terug te vinden.
- Kleuren worden benaderd met tientallen tinten in plaats van twee of drie vaste kleuren.
- Sommige online tools stoppen gewoon de PNG in een SVG-bestand. De extensie is dan .svg, maar de inhoud blijft pixels.
Op een scherm valt een slordige trace vaak niet op. Op een shirt, in borduurwerk of bij een snijplotter wel: daar wordt elke hobbel en elk los vlakje zichtbaar of onmaakbaar.
Hoe herken je een echte vector?
Je herkent een echte vector aan losse, selecteerbare paden die scherp blijven bij inzoomen. Zo controleer je het:
- 1Zoom extreem inOpen het bestand en zoom in tot 800 procent of meer. Blijven de randen strak, dan is het waarschijnlijk vector. Zie je blokjes of wazige randen, dan is het raster.
- 2Bekijk de contourenOpen het in Illustrator of Inkscape en kies de contourweergave (in Illustrator Weergave > Omtrek). Een echte vector toont nette lijnen; een ingesloten afbeelding toont alleen een kader met een kruis.
- 3Klik op onderdelenKun je een letter of vorm los selecteren en van kleur veranderen? Dan heb je een vector. Selecteer je alleen één blok, dan zit er een pixelafbeelding in.
- 4Open een SVG als tekstOpen het SVG-bestand in een teksteditor. Zie je vooral <path>-regels met coördinaten, dan is het vector. Zie je een <image>-element met een lange reeks tekens (base64), dan is het een ingesloten PNG.
- 5Tel de ankerpuntenEen strak logo heeft weinig, logisch geplaatste punten. Honderden punten langs een simpele curve wijzen op een automatische trace.
Wat doe je als je geen echte vector hebt?
Vraag eerst je oorspronkelijke ontwerper om het bronbestand. Heb je dat niet, of komt je logo uit ChatGPT, DALL·E of Midjourney, dan laat je het natekenen. Een ontwerper bouwt het logo dan met de hand opnieuw op met strakke curves, vaste kleuren en tekst in contouren.
Easybrand doet dat vanaf € 49 en levert SVG, AI, EPS en PDF. Zie logo laten vectoriseren. Is je logo aan vernieuwing toe, dan kijken we ook naar een nieuw logo of een complete huisstijl.
Lees ook kan ChatGPT een vectorlogo maken? en wat kost een logo laten vectoriseren?
Conclusie
Een vectorbestand beschrijft je logo met punten, lijnen en curves en blijft daardoor op elk formaat scherp. SVG, AI, EPS en PDF zijn de gangbare formaten, maar een extensie garandeert niets: controleer altijd of je losse paden kunt selecteren. Automatische converters zijn prima voor een snelle schets, maar voor print, borduren en snijden is een met de hand nagetekende vector het betrouwbaarst.
Veelgestelde vragen
Is een SVG altijd een vectorbestand?
Meestal wel, maar niet altijd. Een SVG kan een ingesloten PNG of JPG bevatten. Open het bestand in een teksteditor: zie je een <image>-element met een lange tekenreeks, dan is het in feite een pixelbeeld.
Wat is beter voor een drukker: EPS, PDF of AI?
De meeste drukkers accepteren alle drie, zolang de inhoud echt vector is en tekst naar contouren is omgezet. PDF is het meest universeel, AI is het handigste bronbestand. Vraag bij twijfel wat jouw drukker het liefst ontvangt.
Kan ik een JPG omzetten naar een vector?
Ja, door hem te laten overtrekken. Automatisch kan met Illustrator Image Trace of Inkscape Trace Bitmap, maar het resultaat is bij logo's vaak slordig. Handmatig natekenen levert een strakker bestand op dat geschikt is voor print.
Waarom kan ik mijn EPS-bestand niet openen?
Windows heeft geen ingebouwde EPS-viewer. Je hebt een programma als Illustrator, Affinity Designer of Inkscape nodig. Photoshop kan het openen, maar zet het dan om naar pixels.
Heb ik een vector nodig voor mijn website?
Voor je logo is een SVG op een website ideaal: klein bestand, scherp op elk scherm. Foto's zet je als JPG of WebP online.
Bronnen
Meer van Easybrand