¿Qué es XML? Workflow SVG y buenas prácticas
Aprende XML y SVG con un workflow práctico para validación, sanitización, optimización, minificación y exportación.
Leer el blog SVGLimpia SVGs antes de incrustarlos en apps o documentos. Ideal para revisiones de seguridad y entregas seguras. Abre archivos SVG online y empieza a procesarlos al instante.
Arrastra y suelta tu archivo SVG
o haz clic para buscar, o pega el código SVG
Quita etiquetas <script> y JavaScript inline para evitar comportamientos ocultos. Esto hace más seguro usar archivos no confiables en dashboards, docs y páginas públicas, y reduce el riesgo de redirecciones inesperadas.
Elimina atributos on* y handlers embebidos que pueden disparar acciones. Esto reduce la superficie de ataque cuando los SVG se comparten entre herramientas o se incrustan en CMS. También evita comportamientos de hover/click no deseados en producción.
Elimina referencias externas inseguras y recursos remotos. La salida queda autocontenida, importante para builds predecibles, uso offline y redes internas. Evita tracking inesperado o dependencias externas.
Previsualiza el resultado saneado para verificar el arte tras la limpieza. Esto ayuda a detectar regresiones visuales antes de exportar. Haz zoom en strokes y gradientes, y prueba en fondos claro/oscuro para validar transparencia y contraste.
Se ejecuta en tu navegador, sin subidas. Es un paso simple de seguridad para assets de clientes, librerías internas y proyectos bajo NDA.
Se completa en segundos y sin configuración. Úsalo como check preflight antes de publicar o enviar a revisión. Encaja bien en checklists de seguridad junto con linting y revisión de assets.
Arrastra y suelta o pega el marcado. La herramienta carga en local y prepara una vista previa para revisión. Esto es útil cuando los assets vienen de vendors o drives compartidos. Abre archivos SVG online y empieza a procesarlos al instante.
Ejecuta el sanitizador para eliminar scripts, event handlers y referencias inseguras automáticamente. Revisa la salida para confirmar visuales esperados y detectar elementos faltantes.
Copia o descarga el archivo saneado. Se mantienen nombres de archivo para reemplazar assets en tu repo de forma clara.
Combina sanitización con estas herramientas para limpiar, optimizar y revisar assets. Úsalas como un flujo completo de preflight.
Elimina metadatos y residuos de editores tras sanear para dejar un marcado limpio y legible.
Abrir herramientaComprime después de sanear para reducir tamaño y acelerar la entrega en producción.
Abrir herramientaPrevisualiza SVGs saneados con zoom e inspección de metadatos antes de publicar.
Abrir herramientaDa formato al resultado para que sea fácil de revisar en PRs y repos.
Abrir herramientaContinúa con guías prácticas sobre flujos SVG, resolución de problemas y producción.
Aprende XML y SVG con un workflow práctico para validación, sanitización, optimización, minificación y exportación.
Leer el blog SVGAprende a recuperar un SVG editable desde un Data URI, detectar Base64 o URL encoding, validar el XML y evitar riesgos de seguridad comunes.
Leer el blog SVGPor qué un SVG en Base64 falla en HTML o CSS y cómo SVGView lo resuelve con validación, sanitización y salida en Base64 o URL encoded.
Leer el blog SVG