Optimizador SVG
Elimina metadatos XML, quita comentarios y colapsa espacios en blanco para que el arte SVG se envíe más rápido.
Optimizando vectores...
Suelta iconos SVG, ilustraciones o bibliotecas comprimidas
Todo permanece del lado del cliente hasta que apruebes la limpieza, y las vistas previas resaltan cambios de trazado.
Cola SVG
- Agrega archivos SVG para previsualizar su tamaño y estado antes de minificar.
Opciones de limpieza
Arrastra archivos para ver vistas previas en vivo.
Las subidas originales desaparecen inmediatamente después de entregar el vector optimizado.
Los SVGs optimizados aparecerán aquí con ahorro de tamaño y botones de descarga.
El optimizador de SVG elimina el exceso de peso de los archivos SVG a nivel de texto. Quita comentarios XML, la declaración XML opcional y todo el bloque de metadatos, luego comprime los espacios en blanco entre etiquetas. El marcado visible, los atributos, las rutas y el comportamiento de renderizado no cambian. Hasta 50 archivos por lote, 40 MB por archivo. Los SVG creados manualmente o exportados desde herramientas de diseño típicamente se comprimen entre un 20 y un 60 por ciento sin diferencia visual.
Qué Elimina el Optimizador
Tres opciones independientes, cada una segura de aplicar en cualquier SVG válido:
- Eliminar comentarios XML: borra todos los bloques
<!-- ... -->. Los comentarios son comunes en las exportaciones de herramientas de diseño (Illustrator, Sketch y Figma agregan comentarios como "Generator: Sketch 96"), pero el renderizador los ignora completamente. - Eliminar metadatos: borra todo el bloque
<metadata>...</metadata>(que a menudo contiene RDF, información de licencia o datos de seguimiento de herramientas de diseño) y la declaración<?xml ... ?>opcional en la parte superior del archivo. Ambos son invisibles para la salida renderizada y rutinariamente agregan 100 a 500 bytes por archivo. - Comprimir espacios en blanco: elimina los espacios en blanco entre etiquetas (la indentación que hace que el SVG sea legible para humanos) y comprime series de múltiples espacios a espacios individuales. La mayoría de las herramientas de diseño exportan SVG con indentación para la visualización en el editor; el renderizador no lo necesita.
Qué No Toca el Optimizador
El optimizador es intencionalmente conservador. Solo modifica el texto alrededor del contenido real de SVG; no toca el SVG en sí. Específicamente:
- Los datos de ruta no cambian. Las coordenadas de ruta, la precisión decimal y los comandos de curva se mantienen exactamente como los escribió la fuente. Una coordenada con 14 decimales sigue teniendo 14 decimales.
- Los atributos se mantienen tal cual. Sin deduplicación, sin simplificación, sin acortamiento de valores de color, sin consolidación de transformaciones.
- Sin eliminación de elementos. Los elementos invisibles, las definiciones no utilizadas y las formas de tamaño cero se conservan.
- Sin recálculo de viewBox ni dimensiones.
El beneficio es la seguridad: la salida se renderiza de manera idéntica a la fuente en todos los navegadores. La compensación es que no puedes exprimir el último byte de un SVG complejo de la forma en que lo haría un optimizador completo (SVGO con todos los complementos habilitados). Para la mayoría de los SVG creados manualmente o exportados desde herramientas de diseño, el ahorro solo de la eliminación de comentarios, metadatos y espacios en blanco es del 20 al 60 por ciento, lo que cubre el caso típico. Si necesitas optimización más profunda (simplificación de rutas, redondeo decimal, acortamiento de colores), usa una herramienta dedicada como SVGO después.
Cuándo Importa la Optimización de SVG
- Conjuntos de iconos distribuidos en la web: una interfaz de usuario típica usa docenas de iconos SVG. Optimizar cada uno antes del despliegue se suma en cada carga de página.
- SVG insertados en HTML: cuando el SVG se incrusta directamente en el código fuente de la página (en lugar de cargarse como un archivo externo), cada byte de exceso se suma al payload de HTML que bloquea el primer pintado.
- Ilustraciones SVG en páginas de destino: las ilustraciones hero exportadas desde Illustrator o Figma rutinariamente llevan un 30 a 50 por ciento de sobrecarga invisible.
- Logotipos y favicons: el SVG de marca se carga en cada página de un sitio. Reducirlo una vez proporciona ahorros permanentes.
- Activos SVG en aplicaciones móviles: el tamaño del paquete de la aplicación importa; los SVG más limpios se distribuyen en paquetes más pequeños.
Notas de Flujo de Trabajo
Optimiza como el último paso antes del despliegue o la confirmación. La salida sigue siendo un SVG completamente editable (el optimizador solo elimina contenido invisible), pero ya no es amigable para humanos debido a los espacios en blanco comprimidos. Mantén tus archivos fuente en la forma indentada original para que puedas seguir editando en tu herramienta de diseño o ajustar manualmente el marcado más tarde. Para archivos donde el ahorro del optimizador no es suficiente (ilustraciones pesadas con muchas coordenadas de ruta), considera ejecutar el resultado a través de un optimizador consciente de rutas como SVGO antes de publicar.
SVG es un formato vectorial y se renderiza nítidamente en cualquier tamaño, pero si realmente necesitas una salida raster para un contexto que no admite SVG (clientes de correo más antiguos, ciertos flujos de impresión), el convertidor de imágenes renderiza el SVG a PNG, JPG o WebP en cualquier dimensión de píxeles. Para agrupar un conjunto de SVG en un único documento compartible, el convertidor de imagen a PDF los empaqueta en un PDF de varias páginas.
Optimización por Lotes y Privacidad
Cada optimización se ejecuta en memoria en el servidor. Los archivos se transmiten al endpoint del optimizador, se procesan como texto (el SVG en sí es texto, no binario como JPG o PNG) y se devuelven dentro de la respuesta JSON. Nada se escribe en disco, se indexa, se registra o se almacena en caché. El buffer se libera tan pronto como se envía la respuesta. Hasta 50 archivos por lote, 40 MB por archivo. Los archivos ZIP se desempaquetan en el servidor y cada entrada cuenta contra el mismo límite de 50 archivos. Las mismas tres opciones se aplican a cada archivo en un lote. Las salidas se devuelven individualmente o se reempaquetan en un único ZIP de descarga para lotes de más de un archivo.
Preguntas Frecuentes
Para la mayoría de los SVG creados manualmente o exportados desde herramientas de diseño, espera una reducción de tamaño del 20 al 60 por ciento. El ahorro exacto depende de cómo se generó la fuente. Las exportaciones de Illustrator y Sketch con metadatos insertados, comentarios y marcado indentado ahorran más (a menudo por encima del 40 por ciento). Los SVG ya limpios (escritos a mano o pre-limpiados por otra herramienta) ahorran menos. El ahorro proviene de comentarios, el bloque de metadatos, la declaración XML y los espacios en blanco entre etiquetas. El marcado visible real no cambia.
Sí. El optimizador solo elimina comentarios XML, el bloque de metadatos, la declaración XML y los espacios en blanco entre etiquetas. Ninguno de esos afecta el renderizado. Las coordenadas de ruta, atributos, rellenos, trazos, transformaciones, viewBox, gradientes, filtros y animaciones pasan sin cambios. La salida produce resultados idénticos en píxeles en todos los navegadores.
No. Los datos de ruta se preservan tal cual. Una coordenada escrita como 47.3892756432198 mantiene 13 decimales en la salida. El optimizador es intencionalmente conservador; no toca la geometría SVG en absoluto. Esto mantiene la salida garantizada como segura e idéntica visualmente a la fuente. Para una optimización más profunda que incluya redondeo decimal y simplificación de rutas, ejecuta el archivo optimizado a través de una herramienta dedicada como SVGO después.
Para SVG insertado en línea en HTML o referenciado a través de etiquetas img/object en navegadores modernos, sí. La declaración XML (<?xml version="1.0" encoding="UTF-8"?>) es opcional y rutinariamente se omite de SVG insertado. Para archivos SVG independientes servidos con el tipo MIME application/svg+xml, la declaración es técnicamente recomendada por la especificación XML pero ningún navegador moderno la requiere. Si tienes un consumidor específico que se queja de su ausencia (un flujo de impresión, un analizador XML más antiguo), desactiva la opción de eliminación de metadatos para mantener la declaración en su lugar.
Sí, el archivo optimizado sigue siendo un SVG completamente válido que se abre en cualquier editor vectorial (Illustrator, Inkscape, Figma, Sketch, etc.). Sin embargo, los espacios en blanco comprimidos hacen que el código fuente sea notablemente menos legible si lo abres en un editor de texto para ajustes manuales. El flujo de trabajo recomendado es mantener la versión indentada original como tu fuente de verdad, y solo alimentar la versión optimizada en producción. Cuando necesites hacer cambios, edita la fuente y vuelve a ejecutar el optimizador.
No. Las animaciones SMIL (animate, animateTransform, animateMotion), las clases CSS y estilos en línea, los ganchos de JavaScript a través de IDs y los objetivos de interacción de clic/hover viven en el marcado visible, que el optimizador no toca. Solo se eliminan comentarios, el bloque de metadatos, la declaración XML y los espacios en blanco entre etiquetas. Los logotipos animados, los diagramas SVG interactivos y las animaciones CSS insertadas continúan funcionando exactamente como antes.
SVGO es un optimizador profundo que entiende SVG semánticamente; puede simplificar rutas, redondear coordenadas decimales, deduplicar atributos, fusionar elementos hermanos, descartar definiciones no utilizadas, acortar valores de color y más. Esta herramienta es un limpiador ligero a nivel de texto que solo elimina comentarios, metadatos y espacios en blanco. La diferencia es el conservadurismo: esta herramienta nunca romperá un SVG porque no toca la geometría o atributos; SVGO ocasionalmente puede introducir diferencias de renderizado sutiles cuando se ejecuta uno de sus complementos agresivos. Para la mayoría de los casos de uso, la limpieza ligera aquí es suficiente. Para optimización de bytes mínimos, ejecuta SVGO después.
Sí. Hasta 50 archivos SVG por lote, 40 MB por archivo. Las mismas tres opciones (eliminar comentarios, eliminar metadatos, comprimir espacios en blanco) se aplican a cada archivo en el lote, que es lo que quieres cuando optimizas un conjunto de iconos completo o una carpeta de exportaciones de herramientas de diseño. Los archivos ZIP se desempaquetan en el servidor y cada entrada cuenta contra el mismo límite de 50 archivos. Las salidas se devuelven individualmente o se reempaquetan en un único ZIP de descarga.
No. Los archivos se procesan completamente como texto en memoria en el servidor. Nada se escribe en disco, se indexa, se registra o se almacena en caché. El buffer se libera tan pronto como se envía la respuesta. La herramienta no requiere registro y no realiza un seguimiento de qué archivos SVG has optimizado.
Gratuito sin registro. Sin límites de velocidad, sin marcas de agua agregadas a las salidas, sin nivel premium con características adicionales retenidas. Lo mismo se aplica a todas las herramientas imgdeal, incluida la conversión de formato, compresión, cambio de tamaño y recorte.