Redimensionar SVG

Ajusta dimensiones sin romper el layout. Útil para encajar iconos en grids o igualar specs de diseño. Abre archivos SVG online y empieza a procesarlos al instante.

No hay SVG cargado. Suelta un archivo para empezar.

Bienvenido a SVG Editor

Suelta un archivo SVG, haz clic en "Subir"/"Iconos", o usa Ctrl/Cmd+V para pegar código SVG

Empieza con un icono de ejemplo

Elige un ejemplo o sube tu propio SVG.

¿Por qué usar nuestra herramienta para redimensionar SVG?

Control por píxeles o porcentaje

Admite inputs exactos de ancho y alto, además de escalado por porcentaje. Así puedes igualar specs o adaptar assets a distintos breakpoints. También puedes alinear tamaños con tokens o grids para consistencia.

Bloqueo de proporción

La opción de bloqueo preserva proporciones y evita distorsión. Mantener ratio intacto asegura que iconos, logos e ilustraciones se vean equilibrados.

Salida consciente del viewBox

Mantiene o corrige el viewBox para que el asset escale bien en CSS y HTML. Esto evita recortes o espacios inesperados en producción y reduce layout shifts al cambiar assets.

Vista previa en vivo

Actualiza al instante con zoom y opciones de fondo. Previsualizar ayuda a confirmar espaciado y alineación antes de exportar. Un fondo contrastado ayuda a ver padding extra o strokes sueltos.

Exportación flexible

Descarga el SVG redimensionado o exporta PNG en un paso. Es útil cuando necesitas un fallback raster para docs o presentaciones. Guardar ambas versiones reduce idas y vueltas en revisiones.

Procesamiento local

Se ejecuta completamente en el navegador, sin subidas. Mantiene privados los assets de clientes y acelera iteración. También evita retrasos de upload en archivos grandes.

Cómo redimensionar un SVG

1

Añade tu SVG

Arrastra y suelta un archivo o pega el marcado. La herramienta carga en local y preserva el viewBox original. Si falta viewBox, añádelo antes de redimensionar. Abre archivos SVG online y empieza a procesarlos al instante.

2

Define dimensiones

Introduce el ancho y alto objetivo o escala proporcionalmente. La vista previa en vivo te permite validar el resultado. Revisa strokes para asegurar que siguen equilibrados.

3

Exporta resultados

Descarga el SVG redimensionado o exporta PNG al instante. Mantén nombres consistentes como icon-name-24.svg para rastrear assets fácilmente.

Preguntas frecuentes: Redimensionar SVG

¿Puedo redimensionar SVGs a dimensiones exactas?
Sí. Acepta valores precisos en píxeles para width y height, lo que ayuda cuando los assets deben encajar en tamaños estrictos de componentes.
¿Cómo mantengo el aspect ratio al redimensionar?
Activa el bloqueo para preservar proporciones y evitar estirar logos o iconos. También evita que círculos se conviertan en óvalos.
¿Se mantiene el viewBox?
Se mantiene y se actualiza cuando es necesario para que el escalado sea correcto en el navegador. Un viewBox correcto mejora responsividad en CSS.
¿Puedo exportar PNG después de redimensionar?
Sí. Puedes exportar PNG para documentación, slides o herramientas que solo aceptan raster.
¿Se sube mi SVG?
No. Se ejecuta localmente en tu navegador, así que los archivos no salen de tu dispositivo.
¿Cuál es el límite de tamaño?
Admite archivos hasta 10MB. Si un SVG es muy complejo, optimízalo primero para mejorar rendimiento y previsualización.
¿Sirve para assets retina (2x/3x)?
Sí. Puedes exportar tamaños 2x o 3x y luego reducir con CSS para mayor nitidez. Es útil para sets en design systems.
¿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.