Naar de inhoud
FlexiConvert
SVG

Omzetten naar SVG

Logo’s, tekeningen en illustraties als vector, om te vergroten zonder korrel.

3 conversies naar SVG

SVG is het vectorformaat van het web: een afbeelding die op elk formaat scherp blijft, van een icoon tot een spandoek. Hier krijg je er op twee manieren een: door een afbeelding te vectoriseren (we trekken de vormen van je logo of tekening in PNG of JPG over) of door de vectoren uit een pdf te halen die er al in zitten. Kies hierboven de conversie die past bij je bestand.

Wat het SVG-formaat is

SVG (Scalable Vector Graphics) is sinds 2001 een open standaard van het W3C. In plaats van pixels beschrijft het de tekening met vormen, lijnen en curven in een tekstbestand. Daardoor kun je het onbeperkt vergroten zonder scherpte te verliezen, en meestal is het heel klein als de afbeelding eenvoudig is.

Alle huidige browsers tonen het, en je bewerkt het in programma’s als Inkscape (gratis), Illustrator of Figma.

Wanneer SVG handig is

  • Logo’s en iconen op een website: ze zien er op elk scherm perfect uit en je past de kleur aan met CSS.
  • Snijden en graveren: Cricut Design Space, snijplotters en lasermachines werken met paden.
  • Groot drukwerk: een uithangbord of spandoek uit hetzelfde bestand als het logo op je visitekaartje.
  • Een ontwerp bewerken: vormen een voor een verplaatsen, herkleuren of verwijderen.

Voor foto’s heeft het geen zin: een SVG kan de nuances van een foto niet met een paar vormen beschrijven. Gebruik voor foto’s JPG of WebP.

Een afbeelding vectoriseren of een pdf omzetten

Dat zijn twee verschillende processen, en het is handig om te weten welke je nodig hebt:

  • Vanuit PNG of JPG zijn er geen vectoren om te kopiëren: we trekken de vormen van de afbeelding over en maken er curven met egale kleuren van. Dat werkt heel goed met logo’s, iconen, handtekeningen en tekeningen, en slecht met foto’s.
  • Vanuit pdf, als het document met een ontwerp- of kantoorprogramma is gemaakt, zitten de vectoren er al in: we halen ze er ongewijzigd uit, zonder iets over te trekken. Is de pdf een scan, dan is elke pagina een afbeelding die je als zodanig moet vectoriseren.

SVG, PNG en pdf vergeleken

SVG PNG PDF
Inhoud Vectorvormen Pixels Pagina’s met vectoren, tekst en afbeeldingen
Vergroten zonder scherpteverlies Ja Nee Ja (de vectoren)
Tonen op een website Direct Direct In een viewer
Vorm voor vorm bewerken Ja Nee Met ontwerpprogramma’s
Ideaal voor Logo’s, iconen, snijden Screenshots, gedetailleerde afbeeldingen Documenten om te lezen en af te drukken

Veelgestelde vragen

Wat is een SVG-bestand?

Een vectorafbeelding: in plaats van pixels bevat het vormen en curven die in tekst zijn beschreven. Daarom kun je het op elk formaat vergroten zonder korrel, en tonen browsers het als een gewone afbeelding.

Met welk programma open je een SVG?

Elke browser toont het als je het naar een tabblad sleept. Om het te bewerken is Inkscape gratis; Illustrator, Affinity Designer en Figma openen het ook.

Is SVG of PNG beter voor het logo van een website?

SVG, als het logo een vectorontwerp is: het is klein, scherp op elk scherm en met CSS te herkleuren. PNG is alleen beter als het logo ingewikkelde kleurverlopen of fotografische texturen heeft.

Wat is het verschil tussen een afbeelding vectoriseren en een pdf naar SVG omzetten?

Bij het vectoriseren van een PNG- of JPG-afbeelding trekken we de vormen over, die eerst pixels waren. Bij het omzetten van een pdf kopiëren we de vectoren die het document al had, zonder ze opnieuw te tekenen, tenzij de pagina’s scans zijn.

Kan een foto naar SVG worden omgezet?

Dat kan, maar het resultaat lijkt op een poster met weinig kleuren en is groter dan de foto. SVG is bedoeld voor logo’s, iconen en tekeningen met egale kleuren.

Andere formaten