Optimizar SVG (limpiar y reducir archivos SVG)
Pega o sube un SVG para quitar metadatos, comentarios y datos del editor, redondear decimales y reducir el archivo, con comparación de tamaño y vista previa antes y después. Los scripts y las referencias externas se eliminan
Cargando la herramienta…
Un SVG exportado desde Inkscape o Illustrator arrastra datos del editor, comentarios y coordenadas con muchos decimales, así que el archivo pesa más de lo que el dibujo necesita. Pega el código o suelta el archivo para quitar ese ruido, ver los bytes ahorrados y comparar el dibujo antes y después.
Cómo se usa
- Pega el código en "Código SVG" o suelta archivos .svg en el recuadro de debajo.
- Elige qué quitar en "Opciones". Los valores por defecto no cambian el dibujo; "Quitar title y desc" y "Quitar los id que nada referencia" están desactivados hasta que los necesites.
- Baja "Decimales" para acortar las coordenadas; uno o dos decimales bastan para iconos.
- Comprueba que "Vista previa antes" y "Vista previa después" coinciden y pulsa "Copiar" o "Guardar SVG". Con varios archivos, "Guardar todo como ZIP" los descarga juntos.
Cómo funciona
- Los scripts, los atributos de evento que empiezan por on, foreignObject y las referencias a direcciones http u otros archivos se quitan siempre, y el recuento aparece sobre el resultado.
- Los datos del editor son atributos y elementos con prefijos como inkscape: o sodipodi: y declaraciones de espacio de nombres sin usar. La eliminación de valores por defecto solo toca atributos como fill-opacity="1" que dibujan lo mismo si faltan.
- La limpieza de números redondea los valores de path, viewBox, points, transform y coordenadas a los decimales elegidos; no convierte coordenadas ni fusiona formas. Todo se ejecuta en el navegador y ningún archivo se envía a ninguna parte.
Preguntas frecuentes
- ¿Por qué un SVG pesa mucho más de lo que parece el dibujo?
- Los editores guardan el nivel de zoom, nombres de capas, metadatos y coordenadas con seis a ocho decimales. En un icono sencillo eso suele ser más de la mitad del archivo, así que la limpieza ahorra normalmente entre un 40 y un 70 por ciento.
- ¿Puede cambiar el dibujo tras la limpieza?
- Las opciones por defecto solo quitan elementos que no afectan al renderizado. Redondear a 0 o 1 decimal puede desplazar líneas en dibujos muy pequeños, así que compara las dos vistas previas.
- ¿Por qué se conservan title y desc por defecto?
- Los lectores de pantalla los leen para describir la imagen. Para un SVG puramente decorativo puedes activar "Quitar title y desc".
- ¿Da el mismo resultado que SVGO?
- No. Solo hace limpiezas seguras como quitar metadatos y redondear, sin fusionar trazados, pero no necesita instalación y el resultado se puede comprobar a simple vista.