Saltar al contenido

Minificador de SVG

Reduce el tamaño de SVG eliminando XML innecesario, comentarios y metadatos de editores.

Entrada
Salida

Minificador de SVG

Pega un SVG exportado desde Illustrator, Inkscape o Figma y esta herramienta devuelve una versión minificada con la misma apariencia pero mucho más pequeña. Elimina la declaración XML, comentarios, metadatos específicos del editor (elementos y atributos con espacio de nombres de Inkscape e Illustrator), grupos vacíos y espacios en blanco entre etiquetas — cosas que un navegador o una etiqueta <img> nunca necesitó en primer lugar.

Decimales controla cuántos dígitos conservan las coordenadas y otros atributos numéricos, por lo que "12.34567" se convierte en "12.35" con el valor predeterminado de dos. Eliminar atributos id y class elimina ambos, excepto un id aún dirigido por un relleno url(#…) o una referencia href="#…" — estos permanecen, por lo que los degradados, rutas de recorte y elementos <use> siguen funcionando. Eliminar width/height, conservar viewBox elimina solo las dimensiones exteriores cuando está presente un viewBox para asumir el tamaño, por lo que el SVG se escala correctamente. Acortar colores hexadecimales convierte "#ffffff" en "#fff" siempre que los tres canales se dupliquen, dejando todo lo demás sin cambios.

La marcación malformada — una etiqueta sin cerrar o no coincidente — se informa como un error en lugar de adivinarse, ya que un minificador que silenciosamente repara XML roto puede cambiar lo que se representa. El texto dentro de <text>, <tspan> y <style> en línea permanece exactamente como está escrito, ya que el espacio en blanco es parte del contenido, no del formato. Los finales de línea de Windows y Unix se manejan de la misma manera, y el contador en vivo muestra bytes de entrada, bytes de salida y el porcentaje ahorrado.

Todo se ejecuta localmente en tu navegador: el SVG nunca sale de tu dispositivo, lo que importa para conjuntos de iconos no publicados y arte de clientes. Copia el resultado, descárgalo como archivo .txt o devuélvelo al entrada para aplicar otro paso con diferentes opciones.

Preguntas frecuentes

¿Esto cambiará cómo se ve el SVG?
No. Solo elimina marcado que no tiene efecto visual — comentarios, metadatos, grupos vacíos y espacios en blanco extra — y redondea coordenadas, lo que cambia la representación menos de un píxel con la precisión predeterminada.
¿Es seguro eliminar ids y classes?
La herramienta mantiene cualquier id aún referenciado por un relleno url(#…) o un enlace href="#…", por lo que los degradados, rutas de recorte e iconos reutilizables siguen funcionando. Solo se eliminan los ids no referenciados y todas las clases.
¿Qué sucede si mi SVG tiene un error de sintaxis?
La herramienta lo informa en lugar de adivinarlo — una etiqueta sin cerrar o no coincidente devuelve un mensaje de error tranquilo para que puedas corregir la marcación e intentar de nuevo.
¿Eliminar width y height rompe la imagen?
Solo cuando está presente un viewBox la herramienta los elimina — el viewBox solo es suficiente para que el SVG se escale al tamaño que le dé su contenedor.
¿Mi SVG se carga en algún lugar?
No. La minificación se ejecuta completamente en tu navegador — tu archivo nunca sale de tu dispositivo.