Tiny Online Tools logoTiny Online ToolssearchBuscar herramientas…grid_viewTodas las herramientas
Iniciochevron_rightHerramientas de Imagenchevron_rightGenerador de ViewBox SVGGenerador de ViewBox SVG

Generador de ViewBox SVG

Genera y ajusta valores de viewBox en SVG con vista previa en vivo. Añade relleno y ajusta coordenadas con precisión.

SVG de entrada

Herramientas similares

Generador de Cuadrícula en Perspectiva SVG

Generador de Cuadrícula en Perspectiva SVG

Genera cuadrículas en perspectiva de un punto en SVG con punto de fuga personalizable. Crea fondos con profundidad, escenas retrofuturistas y referencias de ilustración gratis, sin subir archivos.

Generador de Formas Borrosas SVG

Generador de Formas Borrosas SVG

Genera fondos suaves y etéreos estilo aurora con formas borrosas en SVG, con control de paleta y desenfoque.

Generador de Patrones de Escamas SVG

Generador de Patrones de Escamas SVG

Genera patrones SVG de escamas de pez y sirena con radio, trazo y relleno personalizados. Perfecto para fondos decorativos, embalajes, estampados de moda y diseños Art Déco.

Generador de sprites SVG

Generador de sprites SVG

Combina varios archivos SVG en una sola hoja de sprites con definiciones <symbol> para usar iconos de forma eficiente.

Extractor de Fotogramas GIF

Extractor de Fotogramas GIF

Extrae cada fotograma de un GIF animado como imagen PNG en tu navegador. Descarga individual, totalmente privado.

Audio Silence Remover

Audio Silence Remover

Automatically remove silent sections from audio files. Adjustable threshold and window size. Outputs WAV. Fully private.

Convertir BMP a PNG

Convertir BMP a PNG

Convierte imágenes bitmap BMP de Windows a PNG para archivos más pequeños y mejor compatibilidad con navegadores.

apps

Mas herramientas

Explora nuestra coleccion completa de herramientas gratuitas en linea.

Generador de ViewBox SVG

Controla con precisión cómo se escala y muestra el arte SVG ajustando el atributo viewBox. El viewBox define el sistema de coordenadas y la relación de aspecto de tus gráficos vectoriales, y configurarlo correctamente garantiza un escalado perfecto a cualquier tamaño.

Entendiendo las coordenadas viewBox

El atributo viewBox contiene cuatro valores: minX, minY, ancho y alto. Definen el área visible del lienzo SVG. Valores incorrectos provocan gráficos estirados, recortados o mal posicionados. Esta herramienta te permite ajustar cada valor con retroalimentación visual en tiempo real.

Vista previa visual para mayor precisión

Observa cómo los cambios de coordenadas afectan tu SVG al instante. Este enfoque visual elimina las conjeturas al calibrar los valores del viewBox. Si el arte aparece recortado, puedes ampliar el ancho y el alto. Si el posicionamiento no es correcto, ajusta minX y minY.

Relleno para dar espacio

Añade espacio alrededor del contenido sin modificar las coordenadas manualmente. El relleno expande el viewBox de forma uniforme, dejando respirar tus gráficos en lugar de quedar pegados a los bordes del lienzo.

Generación instantánea del código

Una vez ajustados los valores, copia el atributo viewBox listo para usar directamente en tu código SVG. Sin cálculos manuales ni prueba y error en el editor de código.

Cuándo necesitas este generador

Al exportar SVG desde Figma, Illustrator o Inkscape, el viewBox puede no coincidir con el espacio visual deseado. Si tus iconos aparecen cortados, si hay espacio en blanco indeseado o si el SVG no escala correctamente, este generador te ayuda a corregirlo de forma visual e intuitiva.