Bild- und Designwerkzeuge
SVG Optimizer
SVG Optimizer läuft im Browser, um Ergebnisse zu prüfen, umzuwandeln oder vorzubereiten, ohne Eingaben an einen Server zu senden.
Input / output
최적화 옵션
용량 비교
225 bytes -> 132 bytes
41.3% 절감
원본 정보
- SVG
- valid
- viewBox
- 0 0 64 64
- width
- -
- height
- -
최적화 정보
- SVG
- valid
- viewBox
- 0 0 64 64
- width
- -
- height
- -
원본 preview
%3C%2Fscript%3E%3Crect%20onclick%3D%22x%22%20x%3D%2210%22%20y%3D%2210%22%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%228%22%20fill%3D%22%2318E299%22%2F%3E%3C%2Fsvg%3E)
최적화 preview
Before/After 비교
비교 위치 50%
최적화 SVG
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="44" height="44" rx="8" fill="#18E299"/></svg>
Data URI
data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2064%2064%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%228%22%20fill%3D%22%2318E299%22%2F%3E%3C%2Fsvg%3E
제거 리포트
- 제거한 script
- 1
- 제거한 이벤트 핸들러
- 1
- 제거한 주석
- 1
- 제거한 metadata
- 1
SVGO plugin pipeline
removeScripts
active
1
removeEventHandlers
active
1
removeComments
active
1
removeMetadata
active
1
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="44" height="44" rx="8" fill="#18E299"/></svg>
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
SVG Optimizer ist ein lokales Browserwerkzeug für den Bild- und Designworkflow. Eingabe, Optionen und Ergebnis bleiben auf einer Seite.
How to use it
- Eingabe einfügen
Gib den Wert ein oder füge ihn in den Eingabebereich ein.
- Optionen anpassen
Wähle Modus, Format oder Einheit passend zu SVG optimizer, sanitize SVG, vector cleanup.
- Ergebnis prüfen
Führe das Werkzeug aus und kopiere oder lade das Ergebnis erst nach der Prüfung herunter.
Examples
SVG Optimizer Beispiel
- Input
- Beispieleingabe
- Output
- Im Browser geprüftes Ergebnis.
Practical tips
- Bei großen Eingaben zuerst mit einer kleinen Probe arbeiten.
- Anzeigen bleiben außerhalb der Steuerelemente und Ergebnisbereiche.
FAQ
Welche Eingabe soll ich für SVG Optimizer verwenden?
Nutze Werte, die zur sichtbaren Aufgabe passen, und prüfe vor dem Ausführen die Optionen.
Kann ich das Ergebnis von SVG Optimizer kopieren?
Ja. Prüfe das Ergebnis und kopiere oder lade es herunter, wenn es passt.
Funktioniert SVG Optimizer auf Mobilgeräten?
Ja. Eingabe, Optionen und Ergebnis sind für kleine Bildschirme gestapelt.
Wird meine Eingabe an einen Server gesendet?
Nein. Die Verarbeitung ist für den Browser ausgelegt.