Acerca de esta herramienta
Examina el aspecto de tus SVG sobre distintos fondos. Comprueba los bordes de los iconos, el contraste del texto y las zonas transparentes, amplía los detalles y guarda una copia filtrada.
Cómo usarla
- Selecciona un archivo SVG o pega su código.
- Pulsa Vista previa y lee los avisos sobre el contenido filtrado.
- Elige un fondo transparente, blanco, negro o personalizado y ajusta el zoom.
- Cuando estés conforme, descarga el SVG filtrado si lo necesitas.
Funciones
- El fondo transparente se representa con un tablero. Los fondos blanco y negro ayudan a revisar iconos claros y oscuros.
- Puedes ajustar la imagen a la ventana o elegir un zoom fijo. El zoom solo cambia la visualización.
- La descarga contiene una copia estática filtrada; el texto original permanece en el área de código.
Fondos y archivos descargados
- El fondo de la vista previa no se añade al SVG descargado. Para incluir un fondo, usa el generador de fondos SVG o exporta a PNG/JPG.
- Eliminar scripts, animaciones o fuentes remotas puede cambiar el aspecto. Conserva el original y revisa el archivo descargado.
Seguridad de los SVG
La vista previa utiliza una copia estática filtrada. No ejecuta scripts, eventos de clic ni animaciones, ni carga imágenes, fuentes o estilos externos. Se eliminan referencias externas, páginas incrustadas y contenido no compatible, por lo que puede diferir del original. No se admiten documentos con DOCTYPE ni entidades personalizadas.
Los archivos y el código SVG UTF-8 admiten hasta 2 MiB, 20000 nodos, incluidos elementos y texto, y 96 niveles de anidamiento. Simplifica los archivos que superen estos límites.
Privacidad
El SVG se procesa únicamente en tu navegador y no se sube al servidor.
La herramienta no guarda automáticamente la entrada ni los resultados. Descarga lo que necesites antes de borrar o salir y conserva el archivo original.
Preguntas frecuentes
¿Cómo se trata el contenido inseguro?
Antes de mostrar la vista previa se eliminan scripts, eventos, páginas incrustadas y referencias externas. Solo se muestra contenido estático compatible. Recuerda que el SVG original puede contener funciones activas.
¿Por qué la vista previa difiere del original?
El original puede depender de animaciones, filtros, interacciones o recursos externos que se eliminan. Los estilos complejos no compatibles también pueden alterar el resultado.
¿Por qué no aparecen las imágenes o fuentes externas?
No se cargan recursos remotos. Las imágenes externas no se muestran y el texto puede usar una fuente alternativa disponible en tu dispositivo.
¿Se sube mi SVG?
No. La lectura, el filtrado y la vista previa se realizan en tu navegador.