Saltar al contenido
EVOA Toolbox

Optimizador de SVG

Reduce el tamaño de tus archivos SVG con SVGO: elimina metadatos y exceso de código, controla la precisión, conserva los ID y el viewBox y compara antes y después.

Se procesa en local, en tu navegador. Tu archivo no se sube.

Cargando herramienta…

Qué hace esta herramienta

Los archivos SVG exportados desde herramientas de diseño suelen incluir metadatos del editor, comentarios, valores por defecto y números con demasiada precisión. Esta herramienta ejecuta SVGO (el optimizador de SVG estándar) en tu navegador y muestra el tamaño antes y después, junto con una vista previa de ambas versiones para que compruebes que nada ha cambiado.

Las opciones cubren las decisiones que de verdad importan: conservar el viewBox para que la imagen siga escalando, mantener los nombres de id y class cuando tu CSS o JavaScript los usan, eliminar metadatos, comentarios o títulos, elegir cuántos decimales conservan los trazados y quitar scripts. Cuando un archivo ya es mínimo, la herramienta lo dice en lugar de fingir que ahorra bytes.

La vista previa se renderiza mediante un elemento de imagen, así que los scripts dentro de un SVG nunca se ejecutan en esta página, y el código se muestra como texto. Si el SVG contiene scripts, controladores de eventos, foreignObject o referencias externas, verás una advertencia. No se sube nada.

Cómo usarla

  1. 1Añade un archivo SVG.
  2. 2Revisa las advertencias, si las hay, sobre scripts o referencias externas.
  3. 3Ajusta las opciones. El resultado se actualiza automáticamente.
  4. 4Compara el tamaño y la vista previa antes y después.
  5. 5Copia el código optimizado o descarga el archivo .min.svg.

Formatos compatibles

Entrada y salida: SVG (.svg).

Privacidad

Esta herramienta se ejecuta en tu navegador. Los datos que proporcionas se procesan en tu dispositivo y no se envían a nuestros servidores.

Limitaciones

  • Una precisión menor reduce el tamaño de los archivos, pero puede distorsionar visiblemente los detalles finos; compara la vista previa antes de usar el resultado.
  • Eliminar los ID o las clases puede romper referencias de CSS, JavaScript o <use>; activa Conservar ID y clases si dependes de ellos.
  • Quitar el viewBox hace que la imagen deje de escalar con su contenedor; se conserva por defecto.
  • Los archivos que ya están optimizados puede que no se reduzcan en absoluto y, en casos raros, pueden crecer ligeramente.
  • Solo se admiten imágenes SVG; las imágenes rasterizadas incrustadas dentro del SVG no se recomprimen.

Preguntas frecuentes

¿La optimización es sin pérdida?

Con los ajustes por defecto la imagen debería verse idéntica. Reducir la precisión, fusionar trazados o quitar títulos cambia el contenido del archivo, así que compara siempre la vista previa.

¿Por qué mi SVG no se ha hecho más pequeño?

Puede que ya esté minificado. Prueba con menos decimales o elimina títulos y metadatos si no los necesitas.

¿Es seguro abrir archivos SVG con scripts?

La vista previa usa un elemento de imagen, que no ejecuta scripts, y el código se muestra como texto. Aun así, no incrustes en línea en tus propias páginas SVG de fuentes no fiables. Activa Quitar scripts para eliminarlos.

¿Qué hace Conservar ID y clases?

SVGO normalmente acorta o elimina los ID que considera sin uso. Conservarlos mantiene los puntos de enlace para CSS, animaciones y referencias <use>.

Herramientas relacionadas