Optimizador SVG
Optimice y comprima archivos SVG en línea
Elimine metadatos, datos de editor, grupos y precisión innecesarios con SVGO. Elija optimización segura, equilibrada o máxima, ajuste los pases individuales y compare el resultado antes de descargar. Todo se ejecuta en su navegador.
Editando valores predeterminados para nuevos archivos
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é es SVG?
SVG (Scalable Vector Graphics) es un formato de imagen vectorial basado en XML. En lugar de píxeles, un SVG describe matemáticamente formas, trazados, rellenos y contornos, de modo que se puede renderizar a cualquier tamaño sin perder calidad.
SVG es el formato vectorial estándar para la web. Todos los navegadores modernos lo admiten de forma nativa y se puede diseñar con CSS o animar con JavaScript o SMIL. Suele ser compacto para logotipos, iconos e ilustraciones, aunque los archivos SVG complejos pueden ocupar bastante espacio.
Cuándo optimizar un SVG
Los archivos exportados desde Illustrator, Figma, Inkscape o Sketch contienen metadatos del editor, capas ocultas, grupos anidados y coordenadas con más precisión de la que necesita un navegador. Optimice un SVG antes de insertarlo en HTML, enviarlo en una biblioteca de componentes o servirlo como icono. El marcado más pequeño es más rápido de transferir y analizar, especialmente cuando se repite en HTML o JavaScript. Conserve el archivo fuente original: la optimización es unidireccional y los datos de ruta minimizados son difíciles de editar manualmente.
Cómo optimizar un SVG en línea
- 1
Suelta tus SVG, o haz clic en SELECCIONAR ARCHIVOS, para añadirlos a la cola. Hasta 40 a la vez.
- 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
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
¿Optimizar cambiará el aspecto de mi SVG?
Safe es el ajuste preestablecido más conservador. Equilibrado también redondea las coordenadas y elimina atributos redundantes, mientras que Máximo fusiona formas duplicadas y elimina dimensiones fijas. Los pases más agresivos pueden afectar los detalles finos o el tamaño, así que use la diferencia de píxeles para revisar el resultado antes de descargar.
¿Cuál es la diferencia entre Seguro, Equilibrado y Máximo?
Son niveles acumulativos. Seguro ejecuta nueve pasadas que solo borran marcado: el prólogo XML, los comentarios, los metadatos, los espacios de nombres del editor, las definiciones sin usar, los grupos que solo hacen de envoltorio, los valores de color largos y los espacios en blanco. Equilibrado añade la limpieza de atributos, la eliminación de elementos invisibles, la reescritura de trazados y el redondeo de coordenadas. Máximo añade la fusión de duplicados y la eliminación de ancho y alto, y repite todas las pasadas hasta que el archivo deja de encoger. Cualquier pasada se puede desactivar por separado en Opciones avanzadas.
¿Por qué mi archivo optimizado apenas es más pequeño?
Normalmente porque ya estaba optimizado, porque su tamaño lo dominan datos de trazado que no se pueden acortar más, o porque lleva una imagen ráster incrustada en un data URI, que esta herramienta nunca toca. Bajar los decimales suele ser la mayor ganancia que queda en las ilustraciones dibujadas a mano. Recuerda que la cifra que se muestra es el tamaño del archivo en bruto: gzip o Brotli en tu servidor lo comprimen mucho más, y un marcado más limpio se comprime mejor.