SVG-generator en -optimalisatie

Alles-in-één SVG-toolkit: golf-, blob-, patroon-, polygoon-, spiraal- en stergeneratoren plus SVG-optimalisatie, minifier, reiniger, padeditor, kleurvervanger en spritegenerator - live preview, kopiëren en downloaden, gratis.

Een complete SVG-toolkit met 14 hulpprogramma's - golf-, blob-, patroon-, polygoon-, spiraal- en stergeneratoren, een padeditor en viewBox-calculator, plus een optimalisatie, minifier, opschoner, padvereenvoudiger, kleurvervanger en spritegenerator - elk met live preview en kopie, data-URI of downloaduitvoer.

Share
Categorie
Ontwikkelaarstools
Inclusief
7-functies
Toegang
Vrij · Geen aanmelding
Privacy
Draait in uw browser
SVG-generator en -optimalisatie

Calibrating SVG Forge Studio......

Please wait a moment

Hoe te gebruiken

Hoe SVG-generator en -optimalisatie te gebruiken

  1. 01

    Kies een hulpmiddel

    Kies een generator, editor of processor in de doorzoekbare zijbalk: in totaal 14 SVG-hulpprogramma's.

  2. 02

    Aanpassen of plakken

    Stem de schuifregelaars en kleuren voor generatoren af, of plak uw SVG-opmaak in de processors.

  3. 03

    Live voorbeschouwing

    De vector wordt direct weergegeven met een schakelbare achtergrond; processors tonen een byte-besparing voor/na.

  4. 04

    Exporteren

    Kopieer als onbewerkte SVG, gegevens-URI of CSS-achtergrond, of download het geoptimaliseerde .svg-bestand.

Gebruiksgevallen

Veelvoorkomende gebruiksscenario's

  • Maak golf- en blobverdelers voor heldensecties op de landingspagina
  • Genereer naadloze SVG-achtergrondpatronen voor websites
  • Optimaliseer en verklein pictogrammen voordat ze naar productie worden verzonden
  • Schone editorcruft van Illustrator- of Inkscape-exports
  • Kleur een SVG binnen enkele seconden opnieuw in zodat deze bij een merkpalet past
  • Bundel meerdere pictogrammen in één herbruikbare SVG-sprite
Overzicht

14 SVG-tools die de meeste sites niet hebben

SVG Forge is een complete vectorwerkbank: genereer golven, klodders, naadloze patronen, polygonen, spiralen en sterren; bewerk onbewerkte paden en bereken viewBoxes; en SVG's optimaliseren, verkleinen, opschonen, vereenvoudigen, opnieuw kleuren of bundelen in een sprite. Elke generator heeft een live preview en bedieningselementen; elke processor toont een groottebesparing voor/na. Het vult een leemte op die de meeste toolsites negeren: speciale, hoogwaardige SVG-hulpprogramma's op één plek.

Kopiëren, insluiten of downloaden – op jouw manier

Elk resultaat kan worden gekopieerd als onbewerkte SVG-opmaak, als een kant-en-klare gegevens-URI of als een CSS-achtergrondregel, en gedownload als een .svg-bestand. Generatoren ondersteunen randomisatie en reset voor snelle verkenning, en processors rapporteren precies hoeveel bytes je hebt bespaard. Alles draait lokaal in uw browser; uw illustraties worden nooit geüpload.

Functies
01
14 SVG-generatoren en -processors in één studio
02
Golf-, klodder-, patroon-, veelhoek-, spiraal- en stermakers
03
SVG-optimalisatie, verkleiner en reiniger met formaatbesparing
04
Padeditor, viewBox-calculator en padvereenvoudiger
05
Kleurvervanger en sprite-generator met meerdere pictogrammen
06
Kopieer als SVG, gegevens-URI of CSS – plus .svg-download
07
Lokaal eerst: uw artwork verlaat nooit de browser
Veelgestelde vragen

Veelgestelde vragen

Welke SVG-tools zijn inbegrepen?+

Veertien: golf-, blob-, patroon-, polygoon-, spiraal- en stergeneratoren; een padeditor en ViewBox-calculator; en Optimizer-, Minifier-, Cleaner-, Path Simplifier-, Color Replacer- en Sprite-generatoren - allemaal in één interface.

Hoe optimaliseer ik gratis een SVG-bestand?+

Open de Optimizer, plak uw SVG-opmaak en kies opties zoals decimale precisie, het verwijderen van opmerkingen en metagegevens en het samenvouwen van witruimte. De tool toont de originele versus geoptimaliseerde bytegrootte en het opgeslagen percentage, waarna u het resultaat kunt kopiëren of downloaden.

Hoe maak ik een SVG-golf of blob?+

Gebruik de Wave- of Blob-generator, pas de schuifregelaars (amplitude, frequentie, complexiteit, contrast) en kleuren aan en de vectorupdates zijn live. Druk op Willekeurig om variaties te verkennen en kopieer vervolgens de SVG of download deze.

Kan ik de SVG verkrijgen als CSS-achtergrond of gegevens-URI?+

Ja. Elke generatoruitvoer biedt drie exporttabbladen – onbewerkte SVG, een compacte gegevens-URI en een kant-en-klare CSS-achtergrondafbeeldingsregel – plus een .svg-download met één klik.

Wat verwijdert de SVG-reiniger?+

Het verwijdert XML-declaraties, DOCTYPE, opmerkingen, <metadata> en editorspecifieke naamruimten (Inkscape en Sodipodi) die vectoreditors toevoegen, waardoor schone, draagbare markup overblijft. U kunt optioneel ook ID-attributen verwijderen.

Wordt mijn SVG geüpload naar een server?+

Nee. Alle generaties en verwerkingen worden lokaal in uw browser uitgevoerd met behulp van JavaScript aan de clientzijde. Je artwork en markeringen verlaten je apparaat nooit, dus het is privé en direct.