SVG → SVG
Optimizador SVG para comprimir archivos SVG
Reduce el peso de los archivos SVG sin cambiar cómo se ven. El optimizador ejecuta SVGO en tu navegador y muestra el resultado junto al original.
Suelta aquí un archivo SVG o haz clic para elegir un archivo, o pégalo con Ctrl+V Funciona en tu navegador · los archivos no salen de tu dispositivo
Cómo comprimir un SVG
- Añade tu SVG. Suéltalo, elígelo o pégalo.
- Elige los decimales. Con menos decimales el archivo pesa menos. Revisa en la vista previa que ningún borde se haya movido.
- Compara las dos vistas previas. El original y la versión optimizada se muestran lado a lado con el peso ahorrado.
- Descarga o copia el código. El nombre del archivo termina en .min.svg.
Qué quita el optimizador SVG
Los programas de diseño añaden datos que los navegadores nunca usan: espacios de nombres y metadatos del editor, comentarios, capas ocultas, grupos vacíos, atributos con su valor por defecto y coordenadas con más decimales de los que una pantalla puede mostrar. El optimizador usa SVGO, el optimizador de código abierto que llevan muchas herramientas de compilación web, con su juego de plugins seguros por defecto.
Comprimir SVG redondeando decimales
Los datos de los trazados suelen ser la parte más pesada de un SVG, y buena parte son decimales. Una coordenada como 12.483920 dibujada en un icono de 24 px se ve igual que 12.48. El control de decimales regula ese redondeo. Para iconos suelen bastar 1 o 2 decimales; para ilustraciones detalladas o mapas, deja 3. La opción de repetir hasta que no se ahorre más aplica los plugins varias veces y saca algo más de los archivos complejos.
Optimizar SVG para la web: la opción adaptable
Marca Quitar ancho y alto para eliminar las medidas fijas y dejar solo el viewBox. El SVG se ajusta entonces al ancho de su contenedor, que es lo que quieres para iconos y logos en maquetas con CSS. Déjala sin marcar si el SVG tiene que mantener un tamaño exacto.