Por qué los archivos SVG llevan tantos datos de más
Los programas de dibujo guardan más que el dibujo: espacios de nombres del editor, nombres de capas, comentarios, elementos ocultos, trazados con diez decimales e ids como «Layer_1-copy-3». Un navegador no necesita nada de eso. El optimizador de esta página lee el archivo, elimina lo que no tiene efecto visible y reescribe el resto en su forma más corta, de modo que los iconos y las ilustraciones suelen reducirse un tercio o más sin cambiar su aspecto.
Optimiza un SVG en cuatro pasos
- Pega el código SVG en la caja de la izquierda o pulsa Abrir archivo SVG.
- Ajusta el número de decimales y marca las opciones que necesites.
- Compara las dos vistas previas y lee el tamaño ahorrado bajo el resultado.
- Pulsa Copiar o descarga el archivo nuevo como .min.svg.
Qué hace cada opción
- Decimales redondea las coordenadas. Tres cifras son seguras para iconos; una o dos van bien para formas grandes y simples.
- Varias pasadas repite la limpieza hasta que no se pueda ahorrar más.
- Acortar ids renombra los ids que se usan y descarta el resto. Desactívalo en SVG en línea cuyos ids se estilizan o se manejan con scripts en otro sitio.
- Quitar ancho y alto permite que la imagen se escale con su contenedor, siempre que haya un viewBox.
- Quitar scripts elimina los elementos script y los atributos de eventos, útil antes de incrustar un SVG de origen desconocido.
Comprobaciones antes de reemplazar el original
La optimización es segura para la mayoría de los archivos, pero un redondeo agresivo puede mover líneas finas, y los ids eliminados pueden romper el CSS o las animaciones que apuntan a ellos. Por eso la página muestra el original y el resultado lado a lado. Conserva el archivo original hasta haber visto el nuevo en su lugar real de uso.
No se sube nada
El optimizador se carga una vez y funciona dentro de esta pestaña. Tu obra nunca llega a un servidor, algo importante para logotipos inéditos y trabajos de clientes.