Cómo se usa
- Elige o suelta archivos SVG (varios a la vez si quieres), o pega código SVG debajo. Haz clic en Cargar ejemplo para verlo funcionar.
- Ajusta los decimales y otras opciones. Los resultados se actualizan al momento y muestran cuánto se ha reducido cada archivo.
- Descarga cada archivo optimizado o haz clic en Descargar todo (ZIP). El código pegado se puede copiar directamente.
Opciones explicadas
- Decimales
- Cuántos decimales conservan las coordenadas y los números, 3 por defecto. Los iconos suelen verse igual con 1-2; conserva 3 o más para ilustraciones detalladas y mapas.
- Ejecutar varias pasadas
- Repite la optimización hasta que el archivo deja de reducirse. A menudo ahorra unos puntos porcentuales más y tarda algo más.
- Quitar width/height
- Conserva solo el viewBox para que el SVG escale con su contenedor, útil cuando le das el tamaño con CSS.
- Mantener IDs
- Por defecto se eliminan los IDs sin uso y se acortan el resto. Marca esta opción si algún CSS, JavaScript u otro archivo externo hace referencia a elementos por su ID.
Ejemplo
El original (exportado desde Inkscape, 789 bytes) contiene una declaración XML, un comentario, metadatos, atributos solo del editor y decimales largos. Optimizado (248 bytes):
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>Preguntas frecuentes
¿Se verá peor la imagen?
SVG es un formato vectorial. La optimización solo elimina contenido que no afecta al renderizado y redondea los números a los decimales elegidos. Con los valores por defecto no hay diferencia visible; si una forma se distorsiona, aumenta los decimales.
¿Cuánto se reducirá?
Depende del programa que lo exportó. Los SVG de herramientas de diseño suelen reducirse un 30-70 %; el ejemplo pasa de 789 a 248 bytes. Los archivos que ya estaban optimizados cambian poco.
¿Por qué dejó de funcionar una animación o un script?
Si los estilos o scripts del SVG seleccionan elementos por su ID, marca Mantener IDs.
¿Se suben mis archivos?
No. SVGO se ejecuta en tu navegador; los archivos se leen y se procesan localmente.
Privacidad
Esta herramienta funciona por completo en tu navegador. Tus archivos y textos se procesan en tu dispositivo y nunca se suben a nuestros servidores.