Acerca de esta herramienta
Establece dimensiones de visualización para iconos e ilustraciones SVG. La herramienta cambia el tamaño exterior sin convertir a mapa de bits ni reescribir las coordenadas de los trazados.
Cómo usarla
- Selecciona un SVG o pega su código y lee las dimensiones actuales.
- Introduce una anchura nueva. Si la proporción se conoce y está bloqueada, la altura se ajusta automáticamente.
- Para definir ambas medidas por separado, desactiva el bloqueo y rellena las dos.
- Aplica las dimensiones, revisa la vista previa y descarga resized.svg.
Funciones
- Define anchura y altura en píxeles, con la proporción bloqueada por defecto.
- Usa primero la proporción de un viewBox válido; si falta, intenta obtenerla de dimensiones explícitas.
- Si no hay dimensiones fiables, se avisa de que la proporción es desconocida y debes introducir ambas medidas.
Dimensiones visibles y coordenadas internas
- width y height definen el área visible; viewBox define las coordenadas internas. Esta herramienta cambia las dimensiones y conserva el viewBox.
- Con viewBox 0 0 800 600 y la proporción bloqueada, una anchura de 400 produce una altura de 300.
- Sin viewBox, cambiar las dimensiones puede alterar solo el área visible, sin escalar las formas. Comprueba el resultado y usa la calculadora de viewBox si hace falta.
- La descarga principal conserva el contenido no modificado, incluidos posibles scripts o referencias externas. La vista previa los filtra; también puedes descargar una versión filtrada.
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
¿Qué diferencia hay entre width, height y viewBox?
width y height controlan el tamaño visible; viewBox describe las coordenadas internas. Cambiar las dimensiones no reescribe las coordenadas de los trazados.
¿Se pierde nitidez al cambiar las dimensiones?
Las formas vectoriales siguen escalándose con nitidez. Las imágenes de píxeles incrustadas no ganan detalle. El texto también depende de las fuentes y del navegador.
¿Por qué un SVG suele ampliarse sin desenfocarse?
Sus formas vectoriales se describen con trazados y coordenadas y se vuelven a dibujar al tamaño solicitado. Un mapa de bits contiene una cantidad fija de píxeles.
¿Cómo se mantiene la proporción?
Con una proporción original de 800:600, o 4:3, una anchura de 400 da una altura de 400 × 3 ÷ 4 = 300. Si la proporción se desconoce, introduce ambas medidas.