Cómo editar un archivo SVG: herramientas, código y buenas prácticas
Aprende a editar SVG con herramientas de diseño o código XML, corregir problemas de color y viewBox y mantener un flujo de trabajo sólido para producción.
Leer el blog SVGRedimensiona archivos SVG online gratis. Cambia el ancho y el alto, mantén la proporción y descarga tu SVG redimensionado al instante.
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.
Redimensiona SVG online introduciendo un ancho y un alto exactos en píxeles, o escalando en porcentaje. Así cumples una especificación de diseño, un token de rejilla o el tamaño de un PNG exportado.
Con el bloqueo activo las proporciones se mantienen, así que iconos, logotipos e ilustraciones nunca se ven estirados. Desactívalo cuando un tamaño de caja fijo importe más que el dibujo que contiene.
El viewBox se conserva y se actualiza cuando hace falta para que el SVG redimensionado escale bien en CSS y HTML. Eso evita recortes, espacios de más y saltos de maquetación.
Cada cambio se aplica al instante, con zoom y opciones de fondo, para confirmar márgenes y alineación antes de exportar. Un fondo contrastado deja ver los trazos sobrantes.
Descarga el SVG redimensionado o exporta un PNG en un paso. Mantén ambos formatos juntos si necesitas un respaldo de mapa de bits para documentos, diapositivas o chats.
El redimensionador se ejecuta por completo en tu navegador, así que los archivos SVG nunca salen de tu dispositivo. Tus trabajos de cliente siguen siendo confidenciales y los archivos grandes no esperan subidas.
Arrastra un archivo o pega el código SVG. El redimensionador carga el origen localmente y conserva su viewBox original. Si el SVG no tiene viewBox, añádelo antes de redimensionar.
Introduce el ancho y el alto de destino, o mantén el bloqueo de proporción y escala de forma proporcional. La vista previa muestra exactamente cómo quedará el SVG.
Descarga el SVG redimensionado o exporta un PNG al instante. Mantén una nomenclatura coherente, por ejemplo icon-name-24.svg, para localizar cada variante.
Usa redimensionado junto con estas herramientas para rotar, optimizar y exportar assets consistentes.
Ajusta orientación antes de redimensionar para que ancho y alto finales sean predecibles.
Abrir herramientaComprime el archivo después de redimensionar para mantener una salida ligera.
Abrir herramientaPrevisualiza antes y después para verificar alineación y padding, con fondos tipo grid.
Abrir herramientaExporta PNGs como fallback raster cuando lo necesites.
Abrir herramientaContinúa con guías prácticas sobre flujos SVG, resolución de problemas y producción.
Aprende a editar SVG con herramientas de diseño o código XML, corregir problemas de color y viewBox y mantener un flujo de trabajo sólido para producción.
Leer el blog SVGDescubre qué son los archivos SVG, cuándo convienen y cómo abrirlos, crearlos, editarlos, optimizarlos y convertirlos de forma segura.
Leer el blog SVGUn workflow SVG repetible para sistemas de diseño, para mantener iconos consistentes desde Figma hasta producción.
Leer el blog SVG