Editor de viewBox SVG
Pega tu código SVG y ajusta viewBox, width y height con vista previa en vivo
Pega el código de tu SVG y ajusta al instante los valores del viewBox (minX, minY, ancho y alto) junto con los atributos width y height mediante campos numéricos, viendo el resultado en una vista previa en tiempo real. Es una herramienta pensada para desarrolladores y diseñadores que necesitan recortar iconos, corregir márgenes o entender por qué un viewBox mal definido está cortando la imagen. Todo el análisis y la conversión ocurren dentro de tu navegador: nada se envía a ningún servidor.
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Cómo usar
- Pega el marcado SVG original en el campo de código.
- Los valores del viewBox del SVG se rellenan automáticamente en las casillas Min X, Min Y, ancho y alto.
- Modifica los números y comprueba el resultado al momento en la vista previa de la derecha.
- Si lo necesitas, indica los atributos width y height y lleva el SVG final con el botón de copiar.
Preguntas frecuentes
- ¿Qué pasa si el SVG no tiene viewBox?
- Si falta el atributo viewBox, la herramienta estima un viewBox inicial a partir de los valores de width y height y rellena los campos con él.
- ¿Se envía mi SVG a algún servidor?
- No. Todo se procesa dentro del navegador con DOMParser y XMLSerializer, y nada sale de tu equipo.
- ¿Y si pego código SVG con errores?
- Si el análisis falla o no se encuentra ningún elemento SVG, se muestra un mensaje de error en la zona de vista previa.