Cómo optimizar un SVG
- Suelta tu archivo SVG (o un lote de ellos) en el recuadro de arriba, o haz clic en Elegir archivos.
- Ajusta opcionalmente la Precisión decimal, valores más bajos (0-2) exprimen más bytes; el valor por defecto de 3 es un equilibrio seguro que la mayoría de los iconos nunca necesitan cambiar.
- Pulsa Optimizar SVG y espera a que termine la barra de progreso, esto es casi instantáneo ya que los archivos SVG son texto plano.
- Descarga cada archivo limpio. Los tamaños antes/después se muestran para que veas exactamente cuánto ahorraste, y tu archivo original queda intacto.
Por qué optimizar un SVG
SVG es un formato vectorial basado en texto y legible por humanos, precisamente por eso tiende a acumular hinchazón que nadie nota. Un logo exportado de Illustrator o Figma lleva habitualmente comentarios generados, un bloque <metadata> entero describiendo la sesión de edición, grupos <defs> y capas sin usar, y coordenadas de ruta especificadas con más de 10 decimales cuando 2 o 3 renderizarían idénticamente en cualquier pantalla. Nada de eso cambia el aspecto de la imagen, solo hace el archivo más grande de descargar y más lento de analizar.
Para un solo icono este desperdicio son unos pocos cientos de bytes y a nadie le importa. Pero un sitio que envía docenas de iconos SVG inline, o un sistema de diseño que sirve la misma hoja de sprites a cada visitante, paga ese impuesto en cada carga de página. Eliminar la suciedad del editor y redondear la precisión de coordenadas suele reducir una exportación en bruto un 30-70% sin diferencia visible, lo cual es una victoria sencilla y segura para el peso de página y las Core Web Vitals.
Tu SVG nunca sale de tu dispositivo
Los archivos SVG pueden llevar más que una forma, el bloque <metadata> que escriben algunos editores puede referenciar la ruta original del archivo, la aplicación de edición y su versión, o un perfil de color incrustado. Los típicos “minificadores de SVG online gratis” suben el archivo a un servidor para ejecutar exactamente la misma limpieza de código abierto que tú mismo podrías ejecutar, lo que significa confiar a un tercero archivos que pueden incluir branding aún no publicado, logos de clientes, o iconos de un proyecto bajo NDA.
Esta herramienta ejecuta SVGO (el optimizador de SVG de código abierto más usado) compilado para ejecutarse directamente en tu pestaña del navegador. El archivo se lee, limpia y prepara para descarga enteramente en tu dispositivo, sin ninguna petición de red para el archivo en sí, sin cuenta, y sin nada que quede una vez cierras la pestaña.
Usos habituales
- Reducir un lote de iconos exportados antes de añadirlos a un sistema de diseño o hoja de sprites de iconos.
- Limpiar una exportación SVG de Illustrator o Figma antes de incrustarla inline en HTML o un componente.
- Eliminar metadatos y comentarios del editor de un logo antes de compartirlo públicamente.
- Reducir la precisión de datos de ruta en ilustraciones complejas para reducir el peso de página sin pérdida visible.
- Obtener una comparación rápida de tamaño antes/después para decidir si un SVG merece más optimización.
- Reducir también otros recursos web de una página, consulta el compañero Conversor de TTF a WOFF2 para una fuente web personalizada que podría beneficiarse del mismo tratamiento.
