SVGView

Reparador de viewBox SVG

Repara viewBox faltantes o incorrectos para evitar problemas de escalado. Ideal para iconos y layouts responsivos. 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

Solo acepta archivos .svg
Pega el código SVG con Ctrl+V / Cmd+V

¿Por qué usar nuestro reparador de viewBox SVG?

Corrige viewBox automáticamente

Detecta viewBox faltantes y genera valores seguros automáticamente. Esto ayuda a que los iconos escalen de forma predecible en contenedores responsivos y design systems. Es especialmente útil para assets exportados sin un artboard correcto.

Repara dimensiones

Sincroniza width y height con el sistema de coordenadas interno para renderizado consistente. Esto evita recortes o padding inesperado al redimensionar. También mantiene alineación estable cuando se usan SVGs como iconos en componentes.

Seguro con proporciones

Preserva el aspect ratio al corregir problemas de escalado. El arte se mantiene proporcional en diferentes breakpoints y tamaños de dispositivo.

Avisos claros

Resalta atributos faltantes o inconsistentes antes de exportar. Estos avisos reducen prueba y error y aceleran comprobaciones de QA.

Exporta SVG limpio

Genera un archivo con viewBox, width y height corregidos. El resultado queda listo para producción sin ediciones manuales y reduce inconsistencias de tamaño en sets de iconos.

Procesamiento local

Funciona en tu navegador, sin subir archivos. Es seguro para assets de clientes, marcas internas y flujos offline o con redes restringidas.

Cómo arreglar el viewBox de un SVG

1

Sube tu SVG

Arrastra y suelta o pega el marcado. La herramienta carga la fuente en local y prepara una vista previa. Puedes inspeccionar dimensiones actuales antes de aplicar correcciones. Abre archivos SVG online y empieza a procesarlos al instante.

2

Corrige el viewBox

Ejecuta la corrección automática y revisa la vista previa para confirmar que el arte queda bien encuadrado. Si hace falta, ajusta el archivo en tu herramienta de diseño y vuelve a ejecutar.

3

Exporta el SVG

Descarga el SVG corregido o sigue editando. Se mantienen los nombres de archivo para reemplazarlo fácilmente en tu repo. Si quieres trazabilidad, conserva ambas versiones.

Preguntas frecuentes: Reparador de viewBox SVG

¿Por qué el viewBox es importante para el escalado?
El viewBox define el sistema de coordenadas interno para que el SVG escale correctamente. Corregirlo evita recortes o distorsión. Sin viewBox, redimensionar con CSS puede estirar o cortar iconos.
¿Arreglar el viewBox cambia la apariencia?
El objetivo es mantener el resultado visual y mejorar el escalado. Si el SVG original dependía de dimensiones incorrectas, la corrección puede restaurar la alineación prevista. Previsualiza a varios tamaños para confirmar.
¿Qué pasa si mi SVG solo tiene width o height?
Se infieren valores faltantes a partir de la dimensión disponible y se aplica un viewBox seguro. Esto permite redimensionar sin distorsión y evita escalar desde un origen incorrecto.
¿Puedo redimensionar después?
Sí. Con un viewBox correcto, puedes redimensionar con CSS o atributos sin romper proporciones. Esto es esencial en sets de iconos y componentes.
¿Se sube el SVG a algún sitio?
No. Se ejecuta en local en tu navegador, así que el archivo no sale de tu dispositivo. Es seguro para assets confidenciales y reduce latencia en archivos grandes.
¿Conviene optimizar después de arreglar el viewBox?
Sí. Primero corriges escalado y luego optimizas para reducir tamaño. Muchos equipos siguen ese orden para mantener visuales estables y recortar bytes.
¿Funciona para sprites o librerías de iconos?
Sí. Úsalo en iconos individuales antes de combinarlos para que el sizing sea consistente en el sprite final.
¿Cómo verifico la corrección?
Usa la vista previa e inspecciona width, height y viewBox. El resultado debería escalar suave, sin recortes ni espacios raros. Probar dentro de un contenedor responsivo es un buen check final.
¿Es gratis y no requiere descarga?
Sí. Es gratis y funciona en el navegador, sin instalación.
¿Necesito una cuenta?
No. Funciona al instante sin registro y con archivos en local.

Herramientas SVG relacionadas

Después de arreglar el viewBox, usa estas herramientas para redimensionar, optimizar o combinar assets manteniendo tamaños consistentes.

Redimensionar SVG

Crea tamaños de icono consistentes después de corregir el viewBox.

Abrir herramienta

SVG Viewer

Inspecciona rápidamente viewBox y dimensiones tras la corrección para detectar espacios sobrantes.

Abrir herramienta

SVG Optimizer

Comprime el SVG después de corregir viewBox para reducir peso y mejorar rendimiento.

Abrir herramienta

Generador de sprites SVG

Combina iconos en un sprite cuando ya tienen escalado consistente.

Abrir herramienta

Blog SVG relacionado

Continúa con guías prácticas sobre flujos SVG, resolución de problemas y producción.