Outils image et design
SVG Optimizer
SVG Optimizer fonctionne dans le navigateur pour vérifier, convertir ou préparer des résultats sans envoyer l'entrée à un serveur.
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 est un outil local du navigateur pour le flux image et design. L'entrée, les options et le résultat restent sur une seule page.
How to use it
- Coller l'entrée
Saisissez ou collez la valeur à traiter dans la zone d'entrée.
- Ajuster les options
Choisissez le mode, le format ou l'unité correspondant à SVG optimizer, sanitize SVG, vector cleanup.
- Vérifier le résultat
Exécutez l'outil, puis copiez ou téléchargez le résultat après vérification.
Examples
Exemple SVG Optimizer
- Input
- Entrée d'exemple
- Output
- Résultat vérifié dans le navigateur.
Practical tips
- Pour les grandes entrées, commencez par un petit échantillon.
- Les annonces restent hors des contrôles et des panneaux de résultat.
FAQ
Quelle entrée utiliser avec SVG Optimizer ?
Utilisez des valeurs adaptées à la tâche visible, puis ajustez les options avant d'exécuter.
Puis-je copier le résultat de SVG Optimizer ?
Oui. Vérifiez le résultat, puis copiez-le ou téléchargez-le lorsqu'il convient.
SVG Optimizer fonctionne-t-il sur mobile ?
Oui. L'entrée, les options et le résultat s'empilent proprement sur petits écrans.
Mon entrée est-elle envoyée à un serveur ?
Non. L'outil est conçu pour traiter l'entrée dans le navigateur.