Herramientas de imagen y diseño
SVG Optimizer
SVG Optimizer se ejecuta en el navegador para revisar, convertir o preparar resultados sin enviar la entrada a un servidor.
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 es una herramienta local del navegador para el flujo de imagen y diseño. Mantiene la entrada, las opciones y el resultado en una sola página.
How to use it
- Pegar la entrada
Introduce o pega el valor que quieres procesar en el área de entrada.
- Ajustar opciones
Elige el modo, formato o unidad que coincida con SVG optimizer, sanitize SVG, vector cleanup.
- Revisar el resultado
Ejecuta la herramienta y copia o descarga el resultado solo después de revisarlo.
Examples
Ejemplo de SVG Optimizer
- Input
- Entrada de ejemplo
- Output
- Salida revisada en el navegador.
Practical tips
- Empieza con una muestra pequeña cuando el contenido sea grande.
- Los anuncios se mantienen fuera de los controles y resultados principales.
FAQ
¿Qué entrada debo usar con SVG Optimizer?
Usa valores que coincidan con la tarea visible y ajusta las opciones antes de ejecutar.
¿Puedo copiar el resultado de SVG Optimizer?
Sí. Revisa el resultado y luego cópialo o descárgalo cuando sea correcto.
¿SVG Optimizer funciona en móvil?
Sí. La entrada, las opciones y el resultado se apilan en pantallas pequeñas.
¿Se envía mi entrada a un servidor?
No. La herramienta está diseñada para procesar la entrada en el navegador.