Visor / optimizador de SVG gratis
Sanitize subió SVG y elimina atributos redundantes y metadatos de forma segura.
Cargando herramienta…
Cómo desinfectar y previsualizar un archivo SVG
Inspecciona una vista previa SVG desinfectada y descarga el marcado limpio. Compara la apariencia antes de reemplazar su obra original.
- Pegar SVG o elegir Cargar SVG.
- Lee los mensajes de contenido eliminado e inspeccione la vista previa.
- Compara la salida desinfectada con la fuente.
- Copiar o descargar el SVG limpiado cuando sea adecuado.
¿Por qué podría inspeccionar un SVG primero?
Los archivos SVG son texto, y pueden contener más que formas. Los iconos descargados de la web, las exportaciones de aplicaciones de diseño y archivos enviados por otros pueden incluir scripts, manejadores de eventos, estilos incrustados o enlaces a recursos externos.
Esta herramienta es útil antes de pegar un icono en un sitio web, subir un logotipo a un sistema de contenido o compartir obras de arte con un cliente. Muestra una vista previa en vivo en un fondo de tablero de verificación, por lo que las áreas transparentes son fáciles de ver, y le da una copia limpiada para copiar o descargar como optimized.svg.
Puedes pegar el marcado directamente o usar Subir SVG para abrir un archivo desde tu dispositivo.
Ejemplo trabajado: limpieza de un icono arriesgado
Imagínese un SVG con una caja de vistas 100 por 100 que contiene un bloque de estilo para colorear círculos rojos, un círculo con un atributo de estilo y un manejador de onclick, un rectángulo lleno de una URL externa y un elemento de uso que apunta a otro archivo.
Después del procesamiento, se eliminan el elemento estilo, el atributo estilo, el manejador onclick y el elemento de uso externo. El rectángulo se mantiene, pero su atributo fill se elimina porque apunta a una dirección externa. Se mantiene un relleno como url(#g), que apunta a un gradiente dentro del mismo archivo.
Una advertencia lista los elementos eliminados, y la vista previa muestra cómo se ve el archivo limpiado. En este ejemplo el círculo ya no sería rojo, porque su color venía del bloque de estilo eliminado.
Cómo funciona el desinfectante
La herramienta utiliza una biblioteca desinfectante bien conocida con sus perfiles de filtro SVG y SVG. También prohíbe el estilo, la imagen, el extranjeroObjeto y elementos de enlace, y el atributo de estilo. El perfil no permite los scripts y los atributos de gestor de eventos.
Después de desinfectar, una segunda pasada comprueba cada atributo. Cualquier href que no comience con un signo de hash se elimina, y cualquier referencia url() que no sea una simple referencia interna también se elimina. Sólo quedan referencias internas, como gradientes, máscaras y símbolos en el mismo archivo.
Si el resultado no es válido SVG XML, la herramienta informa de XML SVG no válido en lugar de una vista previa. La salida es el marcado limpio con espacio en blanco circundante recortado. El porcentaje guardado simplemente compara la longitud de entrada y salida.
Errores comunes a evitar
No espera una compresión profunda. La herramienta no simplifica rutas, coordenadas redondas o formas de fusión. Los ahorros de tamaño provienen principalmente de contenido eliminado.
Convertir estilos antes de limpiar si necesita el look para permanecer igual. Moviendo colores de un bloque de estilo para rellenar y trazar atributos en tu aplicación de diseño los mantiene a través de desinfectar.
Compara siempre la vista previa con el original antes de reemplazar un archivo. Las fotos embebidas y las fuentes externas se irán, y la obra de arte puede necesitar pequeñas correcciones.
Consejos útiles y limitaciones
- Eliminar el contenido activo y externo puede alterar la apariencia.
- Esto no es un simulador de ruta completo o optimizador de máxima compresión.
- Exporta iconos desde tu app de diseño con atributos de presentación en lugar de clases CSS para mantener sus colores después de limpiar.
- Comprueba la línea de advertencia después de cada pasta, ya que le indica si se eliminó algo.
Preguntas frecuentes
¿Por qué desapareció el estilo o una imagen?
El desinfectante restringe estilos, imágenes incrustadas y referencias de recursos externos.
¿Todos los SVG se verán idénticos?
No. Los diseños dependiendo de construcciones eliminadas pueden cambiar.
¿Crea un PNG?
No. La salida sigue siendo el marcado SVG.
¿Se mantienen los gradientes internos?
Sí. Se mantienen las referencias de relleno y trazo que apuntan a un id dentro del mismo archivo, como url(#g).
¿Puedo subir cualquier archivo de imagen?
No. La carga acepta sólo archivos SVG, porque la herramienta funciona con el marcado SVG.
¿Por qué la vista previa es de un tamaño fijo?
El SVG limpiado se muestra como una imagen en un cuadro de vista previa de 200 por 200 píxeles. Tu archivo descargado mantiene tus propias dimensiones y viewBox.
Su entrada se procesa en tu navegador sin una cuenta ToolWorld Online. Copia o descarga cualquier cosa que quieras guardar antes de salir de la página.
Lee nuestra política de privacidad · Acerca de ToolWorld Online