Waarom een SVG bestand maken?
SVG (Scalable Vector Graphics) is het ideale bestandsformaat voor logo's en iconen op websites. Het is lichtgewicht, schaalbaar en wordt door alle moderne browsers ondersteund. In deze handleiding leer je hoe je zelf een SVG bestand maakt van je logo.
Wat is een SVG bestand?
SVG staat voor Scalable Vector Graphics en is een open vectorformaat gebaseerd op XML-code. In tegenstelling tot JPG of PNG bestanden beschrijft een SVG vormen met wiskundige formules in plaats van pixels. Hierdoor blijft een SVG altijd scherp, ongeacht de schermgrootte of het zoomniveau. SVG-bestanden zijn bovendien zeer klein en snel ladend, wat gunstig is voor de snelheid van je website.
SVG bestand maken in 3 stappen
Stap 1: Maak je ontwerp in een vectorprogramma
Open Adobe Illustrator, Inkscape (gratis) of een ander vectorprogramma. Maak je ontwerp met vectorgereedschappen zoals het Pen-gereedschap en Vormen. Gebruik geen rastereffecten of ingesloten pixelafbeeldingen, want deze worden niet correct weergegeven in SVG.
Stap 2: Optimaliseer voor SVG-export
Zet alle tekst om naar contouren zodat lettertypen niet nodig zijn bij het weergeven. Vereenvoudig complexe paden waar mogelijk. Verwijder verborgen lagen en ongebruikte elementen. Zorg dat je artboard strak om het ontwerp past, zonder overbodige witruimte.
Stap 3: Exporteer als SVG
Ga naar Bestand > Exporteren > Exporteren als en kies SVG als formaat. In Illustrator kun je kiezen tussen SVG en SVG Tiny; kies standaard SVG. Stel de decimalen in op 2 voor een goede balans tussen bestandsgrootte en precisie. In Inkscape ga je naar Bestand > Opslaan als en kies je 'Geoptimaliseerde SVG'.
Voordelen van SVG bestanden
Perfect voor websites
SVG bestanden zijn lichtgewicht en laden razendsnel. Ze schalen mee met elk scherm, van smartphone tot 4K-monitor, en zijn daarmee ideaal voor responsive webdesign. Bovendien kun je SVG's animeren en stylen met CSS.
Altijd scherp op elk formaat
Of je logo nu op een klein icoon of een groot scherm wordt weergegeven, een SVG blijft altijd haarscherp. Er is geen kwaliteitsverlies bij het vergroten, in tegenstelling tot JPG of PNG bestanden.
Doorzoekbaar en toegankelijk
SVG is gebaseerd op XML-code, waardoor de inhoud leesbaar is voor zoekmachines. Dit kan bijdragen aan betere SEO. Bovendien kun je SVG-elementen voorzien van beschrijvingen voor screenreaders, wat de toegankelijkheid verbetert.
Veelgestelde vragen over SVG bestanden
Kan ik een JPG of PNG omzetten naar SVG?
Niet direct door het bestand te hernoemen. Je moet de afbeelding overtrekken in een vectorprogramma, handmatig of met Image Trace. Voor een professioneel resultaat raden wij aan dit te laten doen door Logo in Vector.
Is SVG geschikt voor drukwerk?
SVG is primair bedoeld voor digitaal gebruik en websites. Voor drukwerk zijn formaten als AI, EPS of PDF met CMYK-kleurprofiel meer geschikt. Logo in Vector levert je logo in alle formaten die je nodig hebt.
Kan ik een SVG bestand bewerken?
Ja, SVG bestanden zijn volledig bewerkbaar. Je kunt ze openen in Illustrator, Inkscape of zelfs in een teksteditor omdat het XML-code is. Kleuren, vormen en afmetingen zijn eenvoudig aan te passen.
Begin vandaag met SVG
Een SVG bestand is onmisbaar voor een professionele online aanwezigheid. Het zorgt voor een scherp logo op elk apparaat en draagt bij aan een snellere website. Heb je geen vectorprogramma of wil je een perfect resultaat? Laat Logo in Vector een scherp SVG bestand van je logo maken.