SVG Studio: ein privater Arbeitsbereich für SVG-Dateien
Öffne ein SVG sicher, prüfe es auf Probleme und bearbeite Code und Arbeitsfläche nebeneinander. Alles läuft in deinem Browser, deine Grafiken bleiben auf deinem Gerät.
SVG-Tools
SVG-Editor
SVG-Code und Arbeitsfläche gemeinsam bearbeiten, mit Rückgängig und Wiederholen.
SVG-Betrachter
SVG-Dateien oder -Code mit Zoom und Hintergründen ansehen.
SVG-Inspektor
Ungültiges XML, kaputte Referenzen und andere Probleme in SVG-Code finden.
Es werden nur fertige Tools aufgeführt. Weitere kommen hinzu, sobald sie bereit sind.
So funktioniert es
- Öffne eine Datei im Betrachter, um zu sehen, wie sie aussieht, und ihre Größe zu prüfen.
- Öffne sie im Inspektor, um kaputte Referenzen, eine fehlende viewBox und andere Probleme zu finden.
- Öffne sie im Editor, um Farben zu ändern und den Quelltext zu korrigieren, und exportiere das Ergebnis.
Typische Einsatzzwecke
- Ein Icon oder Logo prüfen, bevor es auf eine Website kommt.
- Ein SVG debuggen, das leer oder in falscher Größe erscheint.
- Eine einfache Grafik umfärben, ohne ein Designprogramm zu öffnen.
Das kann das Tool
- Jede Datei wird vor der Anzeige von Skripten, Ereignis-Handlern und externen Referenzen befreit.
- Dateien wandern zwischen den drei Tools, ohne erneut gewählt zu werden.
- Größen- und Komplexitätsgrenzen verhindern, dass feindliche Dateien den Tab einfrieren.
- Kein Konto, kein Upload, nichts wird gespeichert.
Gut zu wissen
SVG Studio deckt derzeit Ansehen, Prüfen und einfaches Bearbeiten ab. Es gibt noch keine Zeichenwerkzeuge, Formtransformationen, Ebenenpalette, keinen Optimierer und keine Konverter, und es werden nur fertige Tools aufgeführt.
Häufige Fragen
- Wird mein SVG irgendwo hochgeladen?
- Nein. Die Datei wird in deinem Browser-Tab gelesen und verarbeitet. Die Server von DailyBox erhalten sie nie.
- Warum wurde ein Teil meines SVG entfernt?
- Skripte, Ereignis-Handler, eingebettetes HTML und Links zu anderen Websites werden entfernt, weil sie Code ausführen oder fremde Inhalte laden können. Die Tools zeigen genau, was entfernt wurde.
- Welche Tools gibt es heute?
- Der Betrachter, der Inspektor und der Editor. Weitere SVG-Tools erscheinen hier erst, wenn sie funktionieren.
- Gibt es eine Größenbeschränkung?
- Dateien dürfen bis zu 5 MB groß sein, mit höchstens 50.000 Elementen und 128 Verschachtelungsebenen, damit eine defekte oder feindliche Datei deinen Browser nicht einfriert.
Verwandte Tools
- Du willst nur eine Datei ansehen? Öffne sie im SVG-Betrachter.
- Etwas sieht falsch aus? Prüfe den Code im SVG-Inspektor.
- Bereit für Änderungen? Bearbeite sie im SVG-Editor.
Ähnliche Tools
- SVG-EditorSVG-Code und Arbeitsfläche gemeinsam bearbeiten, mit Rückgängig und Wiederholen.
- SVG-BetrachterSVG-Dateien oder -Code mit Zoom und Hintergründen ansehen.
- SVG-InspektorUngültiges XML, kaputte Referenzen und andere Probleme in SVG-Code finden.
- Farbkonverter & KontrastprüferFarben zwischen HEX, RGB und HSL umrechnen und WCAG-Kontrast prüfen.