Optimizador de SVG

Pega código SVG y optimízalo con SVGO para eliminar comentarios, metadatos de editores y datos redundantes. Mira el ahorro de bytes antes y después, la reducción porcentual, el SVG minificado y una vista previa en vivo, todo en tu navegador.

El Optimizador de SVG es una herramienta gratuita que limpia y minifica código SVG directamente en tu navegador usando SVGO, el optimizador de SVG estándar del sector. Pega tu SVG y elimina comentarios, metadatos de editores, definiciones no usadas y otros excesos que las herramientas de diseño dejan atrás, reduciendo el resultado al menor tamaño seguro. Ves al instante el recuento de bytes antes y después, el porcentaje ahorrado, el código optimizado listo para copiar y una vista previa en vivo para confirmar que el arte sigue viéndose bien. No se sube nada, así que tu SVG nunca sale de tu máquina.

¿Qué es un optimizador de SVG?

Un optimizador de SVG reescribe un archivo SVG para dejarlo lo más pequeño posible sin cambiar su apariencia. Editores como Illustrator, Figma, Inkscape y Sketch exportan SVG con muchos datos extra: comentarios XML, namespaces y metadatos específicos del editor, grupos ocultos o vacíos, números excesivamente precisos y atributos redundantes. Esta herramienta pasa tu código por SVGO, que elimina ese exceso y redondea y compacta los datos de path y atributos, así que el archivo carga más rápido y se incrusta de forma más económica en HTML o CSS, renderizándose de forma idéntica.

Cómo optimizar un SVG

Limpiar tu SVG toma solo unos pocos pasos:

  1. Pega tu código SVG sin procesar en el cuadro de entrada.
  2. Deja el multipass activado para la mejor reducción, o activa el embellecer si quieres una salida legible.
  3. Haz clic en Optimizar SVG para ejecutar SVGO en tu navegador.
  4. Revisa los tamaños en bytes antes y después y el porcentaje ahorrado.
  5. Confirma que la vista previa en vivo sigue viéndose correcta y copia el SVG optimizado.

¿Qué elimina el optimizador?

SVGO aplica un conjunto de transformaciones seguras: borra comentarios XML, la declaración XML y el doctype, metadatos de editores y el elemento metadata, namespaces de editores como los que añaden Inkscape y Sketch, grupos vacíos y definiciones no usadas, además de atributos predeterminados o redundantes. También compacta los espacios en blanco, acorta números y fusiona paths cuando puede. El resultado es un código mucho más pequeño que dibuja exactamente la misma imagen, y por eso la vista previa en vivo coincide con tu original.

¿Optimizar SVG es seguro y privado?

Sí. La optimización funciona por completo en tu navegador con JavaScript, así que el código SVG que pegas nunca se sube a un servidor. La vista previa en vivo se renderiza apuntando un elemento de imagen a una data URI del SVG optimizado, que muestra el arte sin ejecutar ningún script dentro de él, y el código optimizado se muestra como texto plano. Nada de lo que pegas se almacena ni se transmite.

¿Por qué usar este optimizador de SVG?

  • 100 % gratis, sin anuncios, registro ni límites.
  • Impulsado por SVGO, el mismo optimizador usado en toda la web.
  • Muestra el ahorro exacto de bytes antes y después, además de la reducción porcentual.
  • Elimina comentarios, metadatos de editores y datos redundantes manteniendo la imagen idéntica.
  • La vista previa en vivo renderiza el SVG optimizado para que confirmes que sigue viéndose bien.
  • Funciona por completo en tu navegador, así que tu código nunca sale de tu dispositivo.

Preguntas frecuentes

¿El optimizador de SVG es gratis?

Sí. Todas las herramientas de ToolsSoup son completamente gratuitas, sin cuenta, registro ni límites ocultos.

¿Optimizar cambiará la apariencia de mi SVG?

No. SVGO aplica solo transformaciones seguras que reducen el archivo sin alterar la imagen renderizada, y por eso la vista previa en vivo coincide con tu original. Puedes compararlos lado a lado antes de copiar.

¿Cuánto más pequeño quedará mi SVG?

Depende de cuántos datos extra haya añadido tu editor. Los archivos exportados desde herramientas de diseño suelen reducirse bastante por los comentarios y metadatos que incluyen. La herramienta informa el ahorro exacto de bytes y el porcentaje para tu SVG específico.

¿Mi SVG se sube a algún lugar?

No. La optimización y la vista previa funcionan por completo en tu navegador, así que el código SVG que pegas nunca se envía ni se almacena en ningún servidor.