Optimizar SVG: reduzca el archivo sin cambiar el dibujo

Cómo funciona

Elija un archivo SVG y pulse Optimizar SVG. La herramienta borra todo lo que un programa de dibujo escribe en el archivo y que nunca aparece en pantalla: ajustes de Inkscape e Illustrator, autor y licencia (metadatos), comentarios, grupos vacíos y atributos escritos con su valor predeterminado. Después acorta las coordenadas de cada forma: un número de seis decimales como 20.987654 queda en 20.988 con 3 decimales. Un logotipo de 40 formas guardado desde Inkscape, de 21 KB, baja así a 13 KB con 3 decimales (38 % menos) y a 11 KB con 1 decimal. El resultado se descarga con el mismo nombre y .min antes de la extensión; su archivo original no cambia. No se envía nada a ningún servidor: todo ocurre en su navegador.

Esta herramienta también se busca como optimizar svg, optimizar svg online, comprimir svg, optimizar svg para web, minificar svg, svg optimizer.

¿Qué es SVG?

El SVG (Scalable Vector Graphics) guarda una imagen no como píxeles sino como una descripción de formas: "una línea de este punto a aquel, rellena de azul marino". La descripción es texto plano; el archivo se abre en cualquier editor de texto y cada carácter innecesario lo hace más pesado. Optimizar consiste en acortar ese texto sin tocar el dibujo.

¿Qué es SVGO?

SVGO (SVG Optimizer) es la herramienta de código abierto más usada para reducir archivos SVG; la mayoría de las herramientas de construcción de sitios web pasan sus SVG por ella en segundo plano. Esta página usa la versión de SVGO para navegador: decenas de pequeños pasos de limpieza se aplican uno tras otro y se repiten hasta que el archivo deja de reducirse, sin enviarlo a ningún servidor.

¿Cuál es la diferencia entre optimizar un SVG y el formato SVGZ?

Optimizar borra el código innecesario del archivo; el resultado sigue siendo un .svg normal que cualquier programa abre. El SVGZ es un SVG empaquetado con gzip: no se borra nada, el texto se comprime como en un ZIP y hay que descomprimirlo antes de usarlo. Uno no sustituye al otro. Los servidores web ya comprimen los SVG con gzip al enviarlos, así que para la web lo mejor es un .svg normal optimizado.

Cuándo puede cambiar el dibujo: precisión e identificadores

La precisión de los números da el mayor ahorro y es el único ajuste que puede alterar el dibujo. Para un icono trazado en una cuadrícula de 24 × 24 unidades basta 1 decimal (0,1 unidad); el mismo ajuste mueve las esquinas de un mapa con líneas de 0,05 unidades de grosor, y las líneas finas se juntan. Abra el resultado junto al original en su navegador; si nota una diferencia, suba un decimal.

La segunda trampa son los identificadores. Si un sitio web llama a los iconos de un solo SVG por su nombre con <use href="iconos.svg#casa">, o si el CSS y el JavaScript buscan un elemento por su id, el optimizador borra todo símbolo que nada llama dentro del archivo y cambia los id restantes a "a", "b". El archivo se ve bien por sí solo, pero los iconos desaparecen del sitio. La línea de resultado avisa cuántos símbolos se quitaron. En ese caso, ponga Identificadores en Conservar.

¿Cuánto se reducirá mi SVG?

Depende de su origen. Los archivos guardados directamente desde un programa de dibujo son los que más se reducen, porque el programa guarda dentro sus propios ajustes y los nombres de las capas para poder volver a abrirlos. Un SVG escrito a mano, o que ya pasó por un minificador, rara vez pierde más de un pequeño porcentaje.

• Guardado "SVG de Inkscape" → el que más se reduce; los datos del editor pueden ocupar gran parte del archivo
• Illustrator "Guardar como → SVG" → se quitan comentarios y grupos de más, ahorro medio
• Exportación de Figma y Canva → ya es ligera; el ahorro viene sobre todo de números más cortos
• SVG con una foto incrustada → no se reduce; la línea de resultado lo indica y la foto debe comprimirse aparte

Preguntas frecuentes

¿Cómo reduzco el tamaño de un archivo SVG?

Elija el archivo aquí y pulse Optimizar SVG. Se quitan los datos del editor y los comentarios que no afectan la imagen, y se acortan las coordenadas. La línea de resultado muestra el tamaño antes y después y el porcentaje ahorrado.

¿Optimizar un SVG reduce su calidad?

Con los 3 decimales recomendados no hay diferencia visible, porque casi todo lo que se quita nunca aparece en pantalla. La calidad solo puede cambiar en dibujos finos si baja la precisión a 1 o 2 decimales. Como el SVG es vectorial, nunca se ve borroso al ampliarlo, con ningún ajuste.

¿Por qué mi SVG no se hizo más pequeño?

Si el archivo ya pasó por un minificador o se escribió a mano de forma limpia, no queda nada que quitar. La otra causa frecuente es una foto incrustada en Base64: esta herramienta reduce el código vectorial y no toca las fotos incrustadas. La línea de resultado indica qué parte del archivo ocupa la foto.

¿Puedo seguir editando el SVG optimizado?

Sí. Sigue siendo un SVG estándar que se abre en Inkscape, Illustrator o Figma. Solo se pierden los nombres de las capas y los ajustes propios del editor; guarde el original para seguir trabajando y use la versión optimizada en su sitio web o su aplicación.