Hoe je SVG-bestanden in je browser bewerkt

SVG (Scalable Vector Graphics) slaat een afbeelding op als vormen en paden: wiskunde, geen pixels. Daarom blijft een logo dat als SVG is opgeslagen haarscherp, of het nu een favicon is of een reclamebord, en daarom is het het juiste formaat voor iconen, logo's en illustraties. Het betekent ook dat je het bestand kunt openen en de eigenlijke vormen kunt bewerken in plaats van pixels te verschuiven.

Het SVG-bronbestand bewerken is bijna altijd beter dan een geëxporteerde PNG bewerken. Verplaats een ankerpunt en de curve blijft vloeiend; wijzig een vulling en de kleur klopt precies; schaal het geheel en niets vervaagt. Daarvoor heb je een editor nodig die vectoren begrijpt.

De vectoreditor van EditItAll opent SVG-bestanden rechtstreeks in je browser:

• Open de editor en laad je .svg-bestand: een logo, een iconenset of een illustratie.
• Gebruik het selectiegereedschap (V) om hele objecten te verplaatsen en te vergroten of verkleinen, en het gereedschap voor direct selecteren (A) om afzonderlijke ankerpunten te pakken.
• Wijzig kleuren van vullingen en lijnen, bewerk tekst met het tekstgereedschap (T), en zet vormen nauwkeurig neer met slimme hulplijnen en sneltoetsen in Illustrator-stijl.

Je werk wordt automatisch opgeslagen in je browser terwijl je bezig bent, en de hele editor blijft werken als je offline gaat nadat de pagina is geladen: een duidelijk teken dat je bestand nergens naartoe wordt verzonden.

De echte kracht zit in het vervormen van paden. De pen tool (P) plaatst ankerpunten met bezierhendels, zodat je een curve opnieuw kunt tekenen, een punt aan een logo kunt toevoegen of een nieuwe vorm helemaal opnieuw kunt natekenen. Het potlood is er voor freehand tekenen.

Om complexere illustraties op te bouwen, combineer je eenvoudigere vormen met booleaanse bewerkingen: Samenvoegen om ze te versmelten, Voorste aftrekken om de ene vorm uit de andere te ponsen, Doorsnede om alleen de overlap te behouden, en Uitsluiten om die te verwijderen. Deze draaien op een geometrie-engine met exacte rekenkunde, zodat de resulterende randen netjes blijven in plaats van met kleine pixelfracties te verschuiven. Zo maak je van een paar rechthoeken en cirkels een afgewerkt icoon.

Als je klaar bent, sla je het bestand weer op als .svg om het volledig bewerkbaar te houden, of exporteer je een PNG op 2× wanneer je een rasterafbeelding nodig hebt voor het web of een document. Heb je al een SVG en wil je alleen een PNG, dan doet de speciale SVG-naar-PNG-converter dat in één stap.

Twee eerlijke beperkingen: de editor leest standaard SVG, niet de .ai- of .eps-bestanden van Adobe, en er is geen gradient mesh, geen patroonvullingen en geen CMYK-kleur. Voor het bewerken van alledaagse logo's, iconen en illustraties als SVG werkt echter alles wat je nodig hebt op je eigen apparaat. Open de vectoreditor om te beginnen.