Optimizador y compresor de SVG
Los SVG que exportan los editores de diseño suelen traer metadatos, comentarios y coordenadas con demasiados decimales. Pega el código o sube tus archivos y SVGO los limpia al instante: verás cuánto pesan antes y después y una vista previa de ambos. Todo ocurre en tu navegador.
Procesado 100% en tu navegador
Ctrl + Enter ejecutarCtrl + C copiar resultado
Cómo usar
- 1Pega el código SVG o arrastra uno o varios archivos .svg.
- 2Ajusta las opciones: decimales, varias pasadas, viewBox, id y dimensiones.
- 3Compara el tamaño y la vista previa del original y del optimizado.
- 4Copia el código o descarga el SVG (o todos en un ZIP).
Casos de uso
- Reducir el peso de los iconos y logotipos de una web para que cargue más rápido.
- Limpiar el SVG exportado de Figma, Illustrator o Inkscape antes de incrustarlo.
- Preparar ilustraciones para una app o un sistema de componentes.
- Quitar dimensiones fijas para que un SVG se adapte a su contenedor.
Preguntas frecuentes
¿Cuánto se reduce un SVG?
Depende del archivo: los exportados de editores suelen reducirse entre un 30 % y un 70 %. La herramienta te muestra el ahorro exacto.
¿Se estropea la imagen al optimizarla?
Con los ajustes por defecto no se aprecian cambios. Si bajas mucho los decimales las formas muy pequeñas pueden deformarse: compara siempre con la vista previa.
¿Por qué conservar el viewBox?
El viewBox permite escalar el SVG con CSS. Quitarlo impide que se adapte a su contenedor, por eso se mantiene por defecto.
¿Para qué sirve conservar los id?
Si tu CSS, tu JavaScript o un `<use>` hacen referencia a identificadores del SVG, optimizarlos los renombraría y rompería esos enlaces.
¿Se suben mis archivos?
No. SVGO se ejecuta en tu navegador y los archivos no salen de tu dispositivo.