Du kannst ein Bild (PNG oder JPG) mit einem Vektorisierer in SVG umwandeln, das Motiv in einem Vektorprogramm wie Inkscape oder Illustrator zeichnen und als SVG speichern oder es aus einer Design-App wie Canva oder Figma exportieren. Umwandeln geht am schnellsten, wenn du schon ein Bild hast; Zeichnen gibt dir volle Kontrolle.
Ein SVG ist ein Bild aus Formen statt aus Pixeln. Deshalb bleibt es in jeder Größe scharf, und Schneideplotter können seinen Umrissen folgen. Es gibt drei Wege, eins zu erstellen, und welcher passt, hängt davon ab, womit du anfängst.
Welchen Weg soll ich nehmen?
| Du hast… | Bester Weg | Zeit |
|---|---|---|
| Ein Bild (PNG, JPG, Screenshot, KI-Bild) | 1. Mit einem Vektorisierer umwandeln | Sekunden |
| Eine Idee oder Text zum Gestalten | 2. In einem Vektorprogramm zeichnen | Minuten bis Stunden |
| Ein fertiges Design in Canva, Figma o. Ä. | 3. Als SVG exportieren | Sekunden |
Weg 1: ein Bild in SVG umwandeln
- Öffne einen Vektorisierer wie den SVG-Maker von Vectacle.
- Zieh dein PNG, JPG oder WebP hinein.
- Wähle die Art: Auto, Logo / 1 Farbe (eine Schneideform), Clipart / Sticker (flache Farbebenen) oder Strichzeichnung.
- Entferne den Hintergrund, wenn du Transparenz brauchst, und stelle für Schneideplotter die Breite in Zoll ein (1 Zoll = 2,54 cm).
- Lade das SVG herunter.
Gut für: Logos, Sticker, Clipart, Lettering und Illustrationen, die du schon als Bild hast. Grenzen: Fotos werden zu vielen Farbflecken, und winzige Details brauchen eine große, scharfe Vorlage. Tipp: Nimm die größte Version, die du hast; Bilder unter 1.000 Pixeln werden vor dem Vektorisieren mit KI vergrößert.
Weg 2: in einem Vektorprogramm zeichnen
- Öffne ein Vektorprogramm: Inkscape (kostenlos), Adobe Illustrator oder Affinity Designer.
- Zeichne mit Formen, dem Zeichenstift und Text. Wandle Text fürs Schneiden in Pfade um (Inkscape: Pfad › Objekt in Pfad umwandeln / Path › Object to Path; Illustrator: Schrift › In Pfade umwandeln / Type › Create Outlines).
- Als SVG speichern: Inkscape Datei › Speichern unter › Normales SVG (File › Save As › Plain SVG); Illustrator Datei › Speichern unter › SVG (File › Save As › SVG).
Gut für: eigene Designs, präzise Layouts, textlastige Plotterdateien. Grenzen: Braucht Übung und Zeit. Beide Programme können auch Bilder nachzeichnen: siehe Inkscape und Illustrator.
Weg 3: aus einer Design-App exportieren
- Canva: Share › Download › SVG (Teilen › Herunterladen, kostenpflichtige Tarife). Text und Canva-Formen werden als Vektoren ausgegeben, hochgeladene Fotos bleiben aber Pixel innerhalb des SVG. Details unter Bild in Canva vektorisieren.
- Figma: Wähle einen Frame aus, dann im rechten Panel Export › SVG.
- Affinity / Illustrator: File › Export › SVG.
Wie prüfe ich, ob mein SVG ein echter Vektor ist?
| Test | Echter Vektor | Eher nicht |
|---|---|---|
| Auf 800 % zoomen | Kanten bleiben scharf | Kanten werden pixelig |
| In einem Texteditor öffnen | Viele <path>-Formen | Eine lange „data:image/png“-Zeile |
| In Cricut Design Space hochladen | Ebenen nach Farbe, saubere Schneidelinien | Ein flaches Bild |
Das SVG-Format ist bei MDN dokumentiert. Speziell für Schneideplotter: SVG-Datei für Cricut erstellen.
Du kannst ein SVG auch ohne Bild erstellen: Tippe Wörter mit Text in SVG oder erstelle einen Code mit QR-Code in SVG. Um danach überflüssige Formen zu löschen oder Farben zu ändern, nimm den kostenlosen SVG-Editor.
Fragen
Mit welchem Programm erstellt man SVG-Dateien?
Mit Vektorprogrammen: Inkscape (kostenlos), Adobe Illustrator, Affinity Designer sowie Online-Tools wie Figma und Canva (SVG-Download in kostenpflichtigen Tarifen). Um ein vorhandenes Bild in ein SVG umzuwandeln, nimmst du einen Vektorisierer wie Vectacle.
Kann ich eine SVG-Datei kostenlos erstellen?
Ja. Inkscape ist zum Zeichnen kostenlos, und Vectacle ist zum Umwandeln von Bildern kostenlos, solange es neu ist.
Kann ich ein PNG einfach in .svg umbenennen?
Nein. Umbenennen ändert nichts am Inhalt; die Datei besteht weiter aus Pixeln, und die meisten Apps lehnen sie ab. Sie muss umgewandelt oder neu gezeichnet werden.
Quellen: MDN: SVG · W3C: SVG 2 specification
