Saltar al contenido principal

Minificador SVG

Minificar SVG: eliminar comentarios, metadatos y espacios en blanco

Limpie el marcado SVG antes de que ingrese a un repositorio o compilación de producción. Elimine comentarios, declaraciones XML, datos del editor, grupos vacíos y definiciones no utilizadas con 15 pases intercambiables individualmente y una comparación visual.

Suelta archivos aquí

Editando valores predeterminados para nuevos archivos

Preajuste

Todo lo de Seguro, más la limpieza de atributos, la eliminación de elementos invisibles, la optimización de trazados y las coordenadas redondeadas.

Optimización

Cuántos decimales conservan las coordenadas. Menos decimales dan archivos más pequeños; por debajo de 2 puede desplazar de forma visible las ilustraciones detalladas.

Vista previa

Sin vista previa. Añade y selecciona archivos para ver resultados.

Aún no hay archivos. Suelta archivos arriba o haz clic en SELECCIONAR ARCHIVOS.

Qué elimina la minificación de un SVG

Minificar un SVG es trabajo de marcado, no procesamiento de imagen: no se redibuja nada, solo se quitan o se acortan cosas. Una exportación típica de un editor arrastra una declaración XML, un doctype, un comentario del generador, espacios de nombres de Inkscape o de Figma, atributos id que no referencia nada, grupos que solo hacen de envoltorio, entradas en defs que no usa ningún elemento y coordenadas escritas con seis decimales. Los navegadores lo ignoran todo. Quitarlo hace el archivo más pequeño y, igual de útil, hace legible el diff cuando los SVG se guardan en un repositorio y se revisan como cualquier otro archivo de código fuente.

Cómo minificar un archivo SVG

  1. 1

    Suelta tus SVG, o haz clic en SELECCIONAR ARCHIVOS, para añadirlos a la cola. Hasta 40 a la vez.

  2. 2

    Elige Seguro, Equilibrado o Máximo, desactiva las pasadas concretas que no quieras y observa cómo se actualiza el ahorro de cada archivo.

  3. 3

    Haz clic en GUARDAR TODO para descargar el resultado, o un único ZIP cuando la cola tiene más de un archivo.

Privacidad: tus archivos nunca salen del navegador

La conversión se ejecuta localmente en su navegador usando JavaScript y WebAssembly. No hay carga de archivos ni conversión del lado del servidor, por lo que los archivos que agrega permanecen en su dispositivo.

El procesamiento local ayuda a proteger logotipos confidenciales, documentos internos y obras de arte inéditas de los clientes. Las páginas y el código de conversión se almacenan en caché a medida que los utiliza, por lo que las herramientas que ya ha abierto pueden seguir funcionando sin una conexión de red.

Preguntas frecuentes

¿Minificar es lo mismo que comprimir?

En la práctica, sí: las mismas pasadas hacen los dos trabajos, y esta página y el Compresor SVG usan el mismo motor. La diferencia está en el énfasis. Minificar tiene que ver con el marcado que dejan atrás una persona o un editor, como los comentarios, los metadatos, los espacios de nombres y los espacios en blanco. Comprimir tiene que ver con los bytes que viajan por la red, donde redondear coordenadas y quitar atributos importa más que un código fuente ordenado.

¿Minificar romperá mi CSS o mi JavaScript?

Puede pasar, si una hoja de estilos o un script entra dentro del SVG. Ninguna pasada renombra identificadores, pero Máximo elimina los elementos y atributos que no referencia nada dentro del documento, que es justo a lo que puede apuntar una regla externa. Si el SVG se anima o se controla con scripts desde fuera, usa Seguro, o desactiva Eliminar elementos invisibles y Eliminar definiciones sin usar y revisa el resultado antes de publicarlo.

¿Puedo conservar el viewBox y quitar width y height?

Sí. Normalizar viewBox y Eliminar ancho y alto son pasadas distintas. Quitar las dimensiones fijas y conservar el viewBox es lo que quieres para un SVG que debe ajustarse a su contenedor con CSS. Conservarlas es lo que quieres para un archivo que se va a abrir por su cuenta o a soltar en un documento que no aplica ningún estilo.