GRATIS ONLINE SVG-EDITOR

Online vector editor

Open een SVG, pas een vorm aan, verander een kleur of zet er een regel tekst bij. Daarna sla je het op als SVG. Deze gratis SVG-editor draait in je browser, dus je hoeft niets te installeren.

Gratis, zonder accountBestanden blijven op je apparaatGeen watermerk

Jouw vectorwerkruimte

Bestanden blijven op je apparaat

Gebruik een groter scherm om nauwkeurig te bewerken. Je kunt de werkruimte hier horizontaal scrollen.

Je werkruimte wordt klaargemaakt…

Open een bestand of sla het op via het SVG-Edit-menu. Kies een gereedschap om te beginnen met tekenen.

Mogelijk gemaakt door SVG-Edit

ZO WERKT HET

Online SVG bewerken in drie stappen

Alle drie de stappen gebeuren op deze pagina.

01

Open je SVG

Kies in het hoofdmenu Openen en selecteer een bestand op je computer. Nog geen bestand? Laad het voorbeeld of begin op een leeg canvas van 800 × 600.

02

Pas het aan

Klik op een object om het te selecteren. Kies een nieuwe vul- of lijnkleur, sleep een knooppunt om een curve anders te buigen of klik in de tekst en typ. Iets fout gedaan? Druk op Ctrl+Z, of Cmd+Z op een Mac.

03

Download je SVG

Kies in hetzelfde menu Opslaan om het bestand te downloaden. Vormen, paden en tekst blijven bewerkbaar, en de randen blijven scherp, hoe groot je het ontwerp ook maakt.

WAT JE ERMEE KUNT

Een gratis SVG-editor met alle gereedschappen voor vectoren

Handig voor logo’s, iconen en schema’s, of om snel iets te verbeteren in een bestand dat je al hebt.

Vormen, sterren en veelhoeken

Teken rechthoeken, cirkels en lijnen, of schets uit de vrije hand. Sterren, veelhoeken, pijlen en kant-en-klare symbolen haal je uit de vormenbibliotheek.

Paden en knooppunten bewerken

Teken curves met het padgereedschap. Verplaats daarna losse knooppunten en hun handgrepen, voeg knooppunten toe of verwijder ze, of maak van elke vorm een pad.

Vulling, lijnen en kleurverlopen

Stel vul- en lijnkleuren in, kleurverlopen, lijndikte, streeplijnen en dekking. Met de pipet neem je de stijl van het ene object over op het andere.

Bewerkbare tekst

Voeg tekst toe, maak hem vet of cursief en pas grootte, uitlijning en letter- en woordafstand aan. De lettertypen komen van je eigen apparaat, dus op een andere computer kan tekst er anders uitzien.

Lagen, groepen en uitlijnen

Zet delen van een tekening op aparte lagen. Groepeer objecten, lijn ze uit, verdeel ze gelijkmatig en zet ze naar voren of naar achteren.

Verplaatsen, schalen, draaien, spiegelen

Gebruik de grepen rond een object, of typ exacte waarden voor X, Y, breedte en hoek. Met ongedaan maken en opnieuw probeer je een idee uit en ga je net zo makkelijk weer terug.

De SVG-code bewerken

Open de broncodeweergave om de SVG-code te lezen of met de hand aan te passen. Kom je met de gewone tools ergens niet bij, zoals een ID of de viewBox? Hier lukt het wel.

Raster, zoom en verbindingslijnen

Zet een raster aan voor nette afstanden en zoom in op kleine details. Verbindingslijnen koppelen twee vormen en blijven eraan vastzitten als je die vormen verplaatst.

Importeren

Open SVG’s die je in een ander ontwerpprogramma hebt opgeslagen en controleer filters en effecten voordat je opslaat. Via importeren zet je een andere SVG, of een PNG of JPG, in de tekening waar je mee bezig bent.

Wat is een SVG-bestand, en waarom is vector handig?

SVG staat voor Scalable Vector Graphics. Een SVG-bestand slaat geen pixels op, maar vormen, lijnen, curves en tekst als instructies. Je browser tekent die opnieuw op precies het formaat dat je nodig hebt.

Daarom ziet een logo in SVG er scherp uit op een telefoonscherm en op een poster. Je kunt later ook één kleur of één curve aanpassen. In een JPG zou je over pixels heen moeten schilderen.

Wil je een SVG snel aanpassen? Dat kan zonder software te installeren. Open het bestand, verbeter wat je wilt en sla het weer op als SVG.

  • Scherp op elk formaat

    Vergroot een icoon van 16 px tot een spandoek, zonder dat het wazig wordt.

  • Leesbare code

    Een SVG is code die je in elke teksteditor kunt openen.

  • Later makkelijk aan te passen

    Elke vorm en elk woord blijft een los object dat je apart kunt aanpassen.

VOOR WIE

Voor wie is deze editor handig?

Logo’s en iconen bijwerken

Geef een logo andere kleuren voor een donkere achtergrond, maak een te dunne lijn dikker of haal een losse vorm uit een icoon voordat je het oplevert.

SVG opschonen voor het web

Controleer de viewBox, geef ID’s een andere naam, verwijder verborgen lagen en download een lichter bestand voor je website of app.

Snijplotter-ontwerpen voorbereiden

Zet elke kleur op een eigen laag, haal details weg die te klein zijn voor het mesje en pas het formaat aan voordat je het ontwerp in de software van je snijplotter laadt.

Schema’s voor school

Teken schema’s, labels en eenvoudige illustraties voor presentaties en werkbladen, ook op een schoolcomputer waar je zelf geen programma’s mag installeren.

Wat deze online SVG-editor wel en niet kan

Een eerlijk overzicht, voordat je begint.

Werkt goed

  • SVG-bestanden openen, bewerken en opslaan
  • Iconen, logo’s, badges, schema’s en eenvoudige illustraties
  • Kleuren, lijnen, tekst en de vorm van paden aanpassen
  • De SVG-broncode met de hand bewerken

Kan hier niet

  • Opslaan als PNG, JPG of PDF. Deze pagina slaat alleen SVG op.
  • AI-, EPS- of PDF-bestanden direct openen. Exporteer ze eerst als SVG.
  • Een foto omzetten in vectorvormen. Gebruik daarvoor Afbeelding vectoriseren.
  • Automatisch opslaan. Download je SVG voordat je het tabblad sluit.

Heb je nog geen SVG?

Begin met een afbeelding of een korte beschrijving in onze andere tools en open het resultaat daarna hier om het te bewerken.

Veelgestelde vragen

Open je SVG in de editor

De gratis editor staat bovenaan deze pagina. Pas aan wat je wilt en download je SVG als je klaar bent.

Terug naar de editor