SVG Editor

Limpiar scripts, eventos y recursos externos de SVG, usar SVGO para optimizar el tamaño e informar de las diferencias, y previsualizar y descargar una copia segura.

Procesamiento local en el navegador
Esta página ha superado la comprobación del directorio público; activa JavaScript para usar todas las funciones.
Guía de uso

Cómo usar el editor SVG

El texto de SVG se limpia, optimiza y previsualiza únicamente en el navegador actual; no se sube ni se solicitan recursos externos de forma activa.

  1. Introduce SVG

    Pega contenido o carga un archivo SVG de hasta 2 MiB, y selecciona si se ejecutan varias rondas de optimización.

  2. Limpieza y optimización seguras

    La herramienta elimina primero los scripts, eventos, recursos externos y elementos peligrosos, después optimiza con SVGO y, por último, vuelve a realizar una limpieza de seguridad.

  3. Comprobar y descargar

    Consulta el original, limpia y optimiza el número de bytes y elimina las estadísticas; confirma la vista previa y luego copia o descarga una copia segura.

Limitaciones y notas

  • La limpieza segura eliminará activamente scripts, foreignObject, atributos de eventos, referencias externas y parte de los estilos; la apariencia o interacción de SVG que dependa de estos elementos puede cambiar.
  • La optimización puede reescribir las rutas, los atributos, ID y la precisión numérica; no es adecuada para conservar sin pérdidas la estructura del código fuente, las vinculaciones de animaciones o los metadatos del editor.
  • Que la vista previa del navegador sea correcta no significa que SVG sea coherente en todos los renderizadores; los gráficos importantes deben compararse visualmente con el resultado descargado y probarse en el entorno de destino.

Preguntas frecuentes

¿Por qué hay que volver a limpiar después de optimizar?

Esto garantiza que la vista previa final y la descarga sigan cumpliendo las políticas de seguridad y evita que cualquier paso de conversión vuelva a introducir estructuras prohibidas.

¿La optimización en varias rondas siempre produce un archivo más pequeño?

Normalmente reduce aún más la redundancia, pero requiere más tiempo y realiza más reescrituras; deben tomarse como referencia los resultados del informe y de la comprobación visual.

¿Se pueden editar los nodos gráficos?

Esta herramienta sirve para limpiar, optimizar y previsualizar código fuente; no ofrece edición mediante arrastre de nodos como los programas de dibujo vectorial.

Comentarios de la página¿Has encontrado un problema o tienes sugerencias de mejora?
Las funciones de retroalimentación deben usarse en la versión en línea

Envía tras activar JavaScript en la versión en línea; las funciones locales de la herramienta o del ejemplo no se verán afectadas.

Ir a la versión en línea para dar feedback