Softonic

Redimensionar SVG

Paso 1 / 2
Siguiente

El SVG es un formato vectorial, por lo que es independiente de la resolución y se mantiene nítido a cualquier tamaño. “Redimensionar” un SVG no lo rasteriza ni cambia el dibujo: esta herramienta simplemente establece un nuevo width y height en píxeles en el elemento raíz <svg>, que es su tamaño de visualización declarado. El viewBox, los trazados y cada coordenada se dejan exactamente como están, así que el dibujo conserva sus proporciones y no pierde calidad. Pega tu marcado, establece el ancho y el alto, previsualiza el resultado y cópialo o descárgalo.

Cómo redimensionar un SVG

  1. 1

    Pega el SVG

    Pega el marcado completo `<svg>...</svg>` en el cuadro de texto.

  2. 2

    Establece el ancho y el alto

    Introduce el nuevo ancho y alto en píxeles.

  3. 3

    Previsualiza en vivo

    La herramienta reescribe el `width` y el `height` del `<svg>` raíz (o los añade si faltan) y muestra el resultado al instante.

  4. 4

    Copia o descarga

    Copia el marcado actualizado al portapapeles o guárdalo como archivo `.svg`.

Tamaño de visualización frente al viewBox

Un SVG tiene un tamaño de visualización (width/height) y su propio sistema de coordenadas (viewBox).

<svg width="200" height="200" viewBox="0 0 100 100">
    <circle cx="50" cy="50" r="40" />
</svg>

Este SVG mide 200 x 200 píxeles en pantalla, mientras que sus coordenadas internas van de 0 a 100. El círculo con r="40" ocupa alrededor del 80% del viewBox, así que se renderiza con unos 160 px de ancho. Esta herramienta cambia únicamente el width y el height, es decir, el tamaño de visualización declarado. No toca el viewBox ni las coordenadas, y por eso el dibujo conserva sus proporciones y se mantiene nítido: le estás diciendo al navegador que dibuje la misma imagen a otro tamaño, no que la vuelva a dibujar.

Por qué un SVG puede verse igual después de cambiar el tamaño

Si el SVG se coloca con algo como <img src="icono.svg" width="500"> o se dimensiona con CSS, la página que lo rodea controla el tamaño de visualización y anula el width/height del archivo. En ese caso, cambia el tamaño donde se usa el SVG (el <img>, el CSS o el contenedor), no solo dentro del marcado.

Los trazos y el texto se mantienen nítidos

Como nada se rasteriza, el texto sigue siendo texto vectorial real y las líneas se mantienen suaves a cualquier tamaño. El grosor de los trazos se define en el sistema de coordenadas, así que escala junto con el dibujo. Si quieres que un trazo mantenga el mismo grosor visual sin importar el tamaño, añade vector-effect="non-scaling-stroke" a ese elemento en tu fuente antes de redimensionar.

Mantén el marcado limpio

Los SVG exportados desde Figma, Illustrator o Sketch a menudo cargan peso extra: espacios de nombres del editor (sodipodi:, inkscape:), metadatos ocultos y <defs> sin usar. Esta herramienta deja tu marcado tal cual salvo por el tamaño. Para eliminar la basura, pasa el archivo por un optimizador como SVGO antes o después de redimensionar.

Preguntas frecuentes

No. Solo establece el width y el height en el <svg> raíz. El viewBox, los trazados y cada coordenada quedan intactos, así que la ilustración conserva sus proporciones exactas.

Normalmente es la página la que controla el tamaño: un ancho en <img>, una regla de CSS o un contenedor están anulando las dimensiones propias del archivo. Cambia el tamaño donde se usa el SVG, no solo en el marcado.

Sí. El SVG es un formato vectorial, así que nada se rasteriza y el texto y los trazos se mantienen nítidos a cualquier tamaño. Si el archivo original ya convirtió el texto en trazados, escala como cualquier otra forma, y sigue siendo nítido.

Sí. Solo se cambian el width y el height; <animate>, <script>, los controladores de eventos y el CSS dentro del SVG se dejan intactos.

El marcado se envía a nuestro servidor para generar la vista previa redimensionada y no se almacena tras la petición. No se guarda ni se comparte.

Herramientas relacionadas

Selector de Color de Material Design

Explora la paleta de colores de Material Design. Copia cualquier tono (50 a A700) como HEX, RGB o HSL con un toque.

Comprimir GIF

Reduce el tamaño de un GIF animado en el navegador: baja dimensiones, conserva menos fotogramas y ajusta la calidad de codificación. Previsualiza el bucle antes de descargar.

Convertir foto en dibujo

Convierte fotos JPEG, PNG o WebP en dibujos de grafito, lápiz suave o carboncillo en el navegador y exporta el resultado como PNG o JPEG.

Generador de papel rayado

Crea papel rayado imprimible gratis. Elige pauta universitaria, ancha o estrecha, ajusta el interlineado en mm, el tamaño de página y una línea de margen, e imprime o descarga el SVG.

Convertidor de Pantone a HEX

Convierte colores Pantone PMS a los valores HEX, RGB y CMYK más cercanos para la coincidencia en pantalla e impresión, con vista previa de muestra.

Creador de banderas

Diseña una bandera personalizada sencilla 3:2 en tu navegador con seis composiciones, colores, texto y un símbolo. Descarga SVG o PNG, o abre el cuadro de impresión del navegador.

Herramienta disponible en otros idiomas