¿Qué es Otimización de SVG?
Archivos SVG (Scalable Vector Graphics) frecuentemente contienen metadatos, comentarios, datos de editores, valores estándar y atributos redundantes que aumentan el tamaño del archivo sin afectar su apariencia. SVGO (SVG Optimizer) es una herramienta ampliamente adoptada para limpiar y optimizar archivos SVG. Él aplica varias etapas de optimización para eliminar datos innecesarios y preservar el resultado visual.
Cómo usar este Optimizador de SVG
- 1Cole el código SVG en el área de entrada o haga clic en Load Sample para probar un ejemplo.
- 2Haga clic en Optimize SVG para ejecutar la optimización con SVGO.
- 3Compara los tamaños de los archivos y las visualizaciones del original y de la versión optimizada.
- 4Haga clic en Copiar para copiar el código SVG optimizado o descargarlo como archivo.
Casos de uso comunes
Optimizador y visor de SVG — SVGO en línea
Reduce el tamaño de iconos SVG para acelerar la carga de las páginas y disminuir el tamaño de los bundles.
Optimizador y visor de SVG — SVGO en línea
Eliminaba metadatos de editores y atributos innecesarios de SVGs exportados por Figma, Sketch o Illustrator.
Optimizador y visor de SVG — SVGO en línea
Reduce el código SVG antes de incorporarlo directamente en HTML o componentes Vue/React.
Preguntas frecuentes
¿La optimización cambia la apariencia de mi SVG?
SVGO busca eliminar solo datos que no afectan la apariencia visual de SVG. Compara las visualizaciones del original y del resultado, ya que SVGs complejos o dependientes de metadados específicos pueden requerir conferencia.
¿Cuánto puede reducirse el tamaño del archivo?
La reducción varía conforme a la complejidad del SVG y la cantidad de metadatos de edición. SVGs exportados por herramientas de diseño suelen ofrecer más oportunidades de reducción.
¿Mi SVG se envía a un servidor?
No. El código SVG se procesa localmente en el navegador, sin ser enviado a un backend.