Desarrollador / Inspección de SVG
Visor de SVG: revisa, cambia el tamaño y copia SVG
Visualiza código SVG localmente con controles de zoom y fondo. Revisa dimensiones y tokens de color, edita el ancho y el alto, corrige el viewBox y descarga o copia un data URI.
Visor de SVG: revisa, cambia el tamaño y copia SVG: Lee las dimensiones del SVG, el viewBox, el número de elementos, el tamaño en bytes y el uso explícito de colores. Edita únicamente los atributos de tamaño solicitados del elemento raíz después de depurarlo. Si falta un viewBox, puede completarlo con las dimensiones de origen; el modo adaptable conserva el viewBox y elimina los atributos width y height. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.
- Categoría
- Herramientas de desarrollo
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
Funciona por completo en tu navegador
Área de visualización SVG y viewBox
viewBox consta de cuatro números: x mínima, y mínima, anchura y altura. La anchura y la altura deben ser positivas. Especificación: https://www.w3.org/TR/SVG2/coords.html
Tamaño y previsualizaciones locales
Las longitudes absolutas se convierten usando 96 píxeles CSS por pulgada. El zoom y el fondo de la previsualización no modifican el marcado exportado. Reglas de procesamiento de imágenes SVG: https://www.w3.org/TR/SVG2/conform.html
Cómo se usa
- Carga un SVG o pega su código para revisar una previsualización depurada.
- Define las dimensiones con bloqueo opcional de la proporción, ajusta el viewBox o elimina las dimensiones para usarlo de forma adaptable.
- Descarga el SVG, copia su código o copia un data URI codificado.
Privacidad y límites
El SVG se procesa localmente y se muestra como una imagen aislada. Se eliminan los scripts, los controladores de eventos y los recursos externos.
Herramientas relacionadas
Preguntas frecuentes
¿Cambiar el viewBox modifica el diseño?
Cambia el área de coordenadas visible. Usa el viewBox existente si solo quieres cambiar el tamaño de visualización; un viewBox diferente puede recortar o desplazar el dibujo visible.
¿Qué ocurre cuando faltan las dimensiones?
El visor usa las dimensiones del viewBox y, después, un valor alternativo de 300 × 150 píxeles. Las longitudes físicas absolutas usan 96 píxeles por pulgada; las longitudes relativas necesitan una página contenedora para resolverse con precisión.
¿Por qué el modo adaptable elimina el ancho y el alto?
El viewBox conserva el sistema de coordenadas, mientras que el diseño que lo rodea controla el tamaño mostrado.
¿Puedo copiar un data URI?
Sí. El data URI contiene el SVG de salida depurado con codificación URI.
Herramienta gratuita · se ejecuta en tu navegador · sin cuenta