Optimizador de SVG
Pega o suelta un SVG, elimina comentarios, metadatos, restos de editor y espacios en blanco sobrantes. Mira caer el tamaño en vivo.
Haz clic para elegir un archivo .svg, o arrástralo hasta aquí
O pega directamente el código SVG en el cuadro de abajo. Se queda en tu dispositivo.
La vista previa aparecerá aquí.
Cómo funciona
El proceso de limpieza elimina las declaraciones XML/DOCTYPE, los
<!-- comentarios -->, los namespaces y metadatos exclusivos del editor
(atributos de exportación de Inkscape, Sketch, Illustrator, bloques
<metadata> y <title> que quedan de las herramientas
de diseño), y colapsa los espacios en blanco redundantes entre etiquetas, nada de lo cual
afecta a cómo se renderiza el SVG. Opcionalmente, también puede quitar los atributos
explícitos width/height del elemento raíz para que el SVG escale
únicamente a partir de su viewBox, útil al incrustarlo de forma responsiva.
Todo es procesamiento de texto sobre la cadena que proporcionas, hecho con el propio analizador DOM de tu navegador para asegurar que el resultado siga siendo XML válido. No se sube nada.
Preguntas frecuentes
¿Optimizar cambia el aspecto del SVG?
No, todo lo que se elimina es metadato invisible (comentarios, declaraciones XML, atributos específicos del editor) o espacio en blanco insignificante entre etiquetas. La forma renderizada es idéntica, solo se reduce el tamaño en bytes del archivo.
¿Por qué mi SVG sigue pesando mucho después de optimizarlo?
Si la mayor parte del tamaño proviene de los datos reales de las rutas (muchos puntos en una forma compleja) o de una imagen ráster incrustada, la limpieza por sí sola no reducirá mucho, ya que esos datos forman parte del contenido visible. Esta herramienta se centra en una limpieza segura y sin pérdida, en lugar de simplificar rutas, lo que podría alterar sutilmente las formas.
¿Se sube mi SVG a algún sitio?
No. La optimización ocurre por completo en el JavaScript de tu navegador. No se sube nada.