Anleitung: Korrekte SVG-Dateien in Adobe Illustrator erstellen
Was ist eine SVG-Datei?
Eine SVG (Scalable Vector Graphics) ist eine Vektordatei, die ohne Qualitätsverlust skaliert werden kann. SVGs werden häufig verwendet für:
- Stanzformen
- Silhouetten
- Icons
Eine korrekt aufgebaute SVG vermeidet Probleme wie:
- fehlende Schriftarten
- Pixelbildung
- enorme Dateigrößen
Dokument erstellen
Neues Dokument erstellen
Gehe zu:
Datei → Neu
Empfohlene Einstellungen:
| Einstellung | Wert |
| Farbmodus | RGB (wird in der Druckerei in CMYK umgewandelt) |
| Einheiten | Pixel oder Millimeter (nach Belieben) |
| Rastereffekte | 300 dpi |
| Zeichenfläche | Exaktes Endmaß |
Ausschließlich mit Vektoren arbeiten
SVG unterstützt:
- Vektorformen
- Pfade
- Text (sofern in Pfade umgewandelt)
- einfache Effekte
SVG unterstützt weniger gut:
- schwere Photoshop-Effekte
- komplexe Transparenz
- eingebettete Rasterbilder
Kontrolle
Verwenden:
Ansicht → Pfadansicht
So ist sofort sichtbar, ob alles ein Vektor ist.
Text korrekt in Pfade umwandeln
Text umwandeln
Text auswählen →
Schrift → In Pfade umwandeln
Tastenkombination:
- Windows: Umschalt + Strg + O
- Mac: Umschalt + Cmd + O
Vorteile:
- Schriftarten bleiben exakt gleich
- Keine Font-Probleme
Nachteil
Text ist nicht mehr bearbeitbar.
Speichern Sie daher immer zusätzlich eine .ai-Quelldatei.
Saubere Ebenen und Gruppen verwenden
Eine saubere Struktur vermeidet Exportprobleme.
Empfohlen:
- klare Ebenennamen
- unbenutzte Objekte entfernen
- ausgeblendete Ebenen entfernen
- Objekte bei Bedarf gruppieren
Pfade bereinigen
Viele SVG-Probleme entstehen durch unordentliche Pfade.
Verwenden:
Objekt → Pfad → Vereinfachen
Hiermit:
- reduzieren Sie Ankerpunkte
- verkleinern Sie die Datei
- verbessern Sie die Performance
Effekte vermeiden
Nicht alle Illustrator-Effekte funktionieren gut in SVG.
Vermeiden Sie nach Möglichkeit:
- Gaußscher Weichzeichner
- komplizierte Masken
- 3D-Effekte
- Gitter-Verläufe
- komplexe Transparenz
Verwenden Sie lieber:
- einfache Vektorformen
- einfarbige Flächen
- einfache Verläufe
Zeichenfläche an die Abbildung anpassen
- Ganze Abbildung auswählen
- Doppelklick auf Zeichenfläche-Werkzeug in der Werkzeugleiste
- Bei Voreinstellung auf „An Illustrationsbegrenzungen anpassen“ klicken
- OK klicken
SVG richtig speichern
Gehe zu:
Datei → Speichern unter
Wählen:
SVG
SVG-Exporteinstellungen
Empfohlene Einstellungen
| Einstellung | Wert |
| SVG-Profil | SVG 1.1 |
| Schriftarten | SVG (Schriftarten sind nicht möglich) |
| Bilder | Einbetten |
Häufige Fehler
Fehler: Text verschwindet
Ursache: Schriften nicht in Pfade umgewandelt.
Fehler: Datei ist enorm groß
Ursache: Zu viele Ankerpunkte oder Bilder.
Fehler: Farben sehen anders aus
Ursache: CMYK statt RGB verwendet.
Fehler: SVG wird im Editor oder im Druck-PDF anders angezeigt
Ursache: Komplexe Effekte oder Clipping-Masken.
Wann keine SVG verwenden?
Verwenden Sie lieber PNG/JPG, wenn:
- es sich um Fotos handelt
- viele komplexe Effekte vorhanden sind
- das Design vollständig rasterbasiert ist
Zusammenfassung
✅ verwendet Vektoren
✅ ist in RGB angelegt
✅ hat Pfadtexte
✅ enthält saubere Pfade
✅ verwendet wenige Effekte
✅ ist korrekt exportiert
✅ ist im Editor getestet
