Gratis en línea SVG Optimizer
Optimiza, minifica y limpia archivos SVG en línea. Elimina metadatos de Inkscape/Illustrator, comentarios, grupos vacíos y atributos innecesarios. Vista previa instantánea — gratis, 100 % en el cliente.
100% lado del cliente · Tus datos nunca salen de tu navegadorOptimization Options
Cómo usar SVG Optimizer
Pega tu código SVG en el panel Input SVG, elige las opciones de optimización y haz clic en Optimize o pulsa Ctrl/Cmd+Enter.
- Eliminar comentarios — suprime los bloques
<!-- ... -->. - Eliminar metadatos — elimina el elemento
<metadata>insertado por Inkscape/Illustrator. - Eliminar atributos de editor — borra
inkscape:*,sodipodi:*,data-namey sus declaraciones de espacio de nombres. - Colapsar espacios — normaliza espacios y saltos de línea en valores de atributo y entre etiquetas.
- Eliminar grupos vacíos — elimina elementos
<g></g>sin hijos. - Redondear números — reduce la precisión decimal de las coordenadas de ruta
d(ej.: 123.456789 → 123.46).
La barra de estadísticas muestra el tamaño original vs. optimizado y el ahorro porcentual. Usa Format para embellecer un SVG minificado. Pulsa Ctrl/Cmd+K para limpiar.
Preguntas frecuentes
¿Qué hace la optimización de SVG?
La optimización de SVG elimina datos innecesarios para el renderizado: metadatos del editor, comentarios XML, elementos contenedores vacíos, declaraciones de espacio de nombres redundantes y espacios en blanco excesivos. También puede redondear números decimales demasiado precisos en los datos de ruta. El resultado es un archivo más pequeño que se renderiza igual en todos los navegadores.
¿Por qué los SVG de Inkscape o Illustrator contienen tantos datos extra?
Inkscape y Adobe Illustrator incrustan atributos de espacio de nombres privados (inkscape:*, sodipodi:*, ai:*) y bloques de metadatos para preservar el estado de edición: nombres de capas, configuración de cuadrícula, información de fuentes y propiedades del documento. Son necesarios dentro del editor pero irrelevantes para el navegador.
¿La optimización cambiará el aspecto de mi SVG?
Las opciones de esta herramienta están diseñadas para ser visualmente sin pérdida. Eliminar comentarios, metadatos y atributos del editor no cambia el resultado visual. Redondear las coordenadas de ruta a 2 decimales es imperceptible a tamaños de pantalla normales (error inferior a 0,01 px). Siempre previsualiza el resultado antes de desplegarlo.
¿Por qué la precisión de los datos de ruta afecta al tamaño del archivo?
Las herramientas de dibujo suelen exportar coordenadas con 6–10 decimales, pero para la visualización web 1–2 decimales es suficiente. En ilustraciones complejas con muchos segmentos de ruta, el redondeo reduce significativamente el número de caracteres.
¿Qué es una optimización segura frente a una arriesgada?
Las optimizaciones seguras preservan el resultado visual: eliminar comentarios, metadatos, atributos del editor y grupos vacíos. Las arriesgadas pueden cambiar la apariencia: eliminar el atributo viewBox, alterar colores que el CSS sobreescribe, o eliminar atributos id referenciados por JavaScript. Esta herramienta solo aplica optimizaciones seguras.
¿Cómo se compara con SVGO?
SVGO es el optimizador Node.js estándar del sector con docenas de plugins, incluyendo fusión avanzada de rutas. Esta herramienta de navegador cubre las optimizaciones más impactantes sin instalación. Para pipelines de producción se recomienda SVGO o el plugin svgo para Vite/webpack; esta herramienta es ideal para archivos puntuales.