onul.works

Optimizador SVG

Optimiza SVG online, comprime y minifica el código con un compresor de SVG antes de copiarlo o descargarlo.

⌘ Se ejecuta en el navegador ◴ Sin almacenar datos ⌁ Gratis

Concepto

La optimización de SVG reduce peso sin cambiar el resultado visual

Se usa antes de publicar SVG inline o descargables para eliminar redundancias y reducir la carga de red conservando la estructura.

La optimización de SVG quita declaraciones XML, comentarios, metadatos y espacios extra para que el archivo sea más liviano antes de desplegar.

Con conjuntos de iconos o packs de ilustraciones en múltiples ubicaciones, esta reducción mejora tiempos de entrega y consumo de ancho de banda.

Cuándo usarlo

Úsalo antes de distribuir íconos, ilustraciones o botones SVG reutilizados en muchas páginas o sistemas con carga frecuente.

Qué se limpia

Elimina declaraciones XML, doctype, comentarios y metadatos, y después compacta espacios entre elementos, alrededor del signo igual y espacios repetidos.

Validación final

Compara antes y después para confirmar que el viewBox, la forma y atributos de accesibilidad (aria-label/role) permanecen intactos.

Verifica antes del despliegue que la apariencia y la accesibilidad no se degraden: forma, alineación y metadatos de lector de pantalla deben mantenerse.

Entrada SVG
SVG optimizado

Cómo usar

  1. 1 Pega código SVG o arrastra un archivo SVG al área de entrada.
  2. 2 Haz clic en optimizar SVG para reducir código innecesario, metadatos y espacios.
  3. 3 Revisa la vista previa y el cambio de tamaño, y luego copia o descarga el SVG optimizado.

Casos de uso comunes

  • Eliminar comentarios y metadatos SVG
  • Comprimir y minificar código SVG inline
  • Previsualizar y descargar SVG optimizado

Preguntas frecuentes

¿Cómo puedo proporcionar un SVG?

Pega código SVG o suelta un archivo .svg para llenar el cuadro de entrada, y luego ejecuta la optimización.

¿Qué reduce la optimización SVG?

El proceso de compresor de SVG elimina declaraciones XML, comentarios, doctype y etiquetas de metadatos, y limpia espacios en blanco para acortar el código SVG.

¿Puedo copiar o descargar el resultado?

Sí. Puedes copiar el código SVG optimizado o descargarlo como optimized.svg; también se muestra una vista previa.

Flujo de trabajo relacionado

Optimizador SVGOptimiza primero el código SVG para que el recurso vectorial sea más ligero para la web. → Base64 a imagenAbre cualquier material de imagen en Base64 para revisar recursos de apoyo de la misma pantalla. → Generador de faviconGenera favicons si el logotipo o icono limpio también debe funcionar como icono del sitio.