--- title: "Cómo redimensionar un SVG sin perder calidad" description: "Un SVG no guarda píxeles que estirar, pero sí trazos y mapas de bits incrustados: cómo separar lienzo, objetos y escala para ampliar sin sorpresas." canonical: "https://freeaigeneration.com/es/guias/como-redimensionar-un-svg-sin-perder-calidad/" robots: "noindex" lang: "es" --- # Cómo redimensionar un SVG sin perder calidad Agrandar un SVG no es escalar una imagen. El archivo no guarda píxeles que estirar, y por eso el resultado a 2.400 píxeles puede verse igual de limpio que a 24. La pregunta interesante no es si pierde calidad, sino qué se está escalando exactamente y qué parte del archivo se queda atrás. Para redimensionar un SVG sin perder calidad hay que separar tres conceptos que se confunden todo el tiempo: el tamaño del lienzo, el tamaño de los objetos y la escala de representación. Cada uno se cambia en un sitio distinto y produce un resultado distinto. ## Tres cosas que se llaman tamaño El lienzo es la ventana a través de la que se ve el dibujo. El `viewBox` define qué porción de coordenadas de usuario ocupa esa ventana. El ancho y el alto del elemento deciden cuántos píxeles de pantalla se le asignan. Con `viewBox="0 0 24 24"` y `width="240"`, cada unidad del dibujo se convierte en diez píxeles de dispositivo. Si el mismo archivo se muestra a 2.400 píxeles, cada unidad pasa a ocupar cien. El contenido es idéntico y el archivo también: lo único que cambia es la escala de representación. Ahí está la respuesta a la pregunta habitual. Un icono de 24 unidades mostrado a 2.400 píxeles está escalado cien veces y no ha perdido nada, porque nunca hubo píxeles que perder. ### Trazos que engordan con el dibujo El ancho de un trazo se expresa en unidades de usuario. Si vale una unidad y el dibujo se muestra cien veces más grande, el trazo se renderiza a cien píxeles. No es un defecto: es la consecuencia de que el trazo forme parte de la geometría. Por eso un icono pensado para 24 píxeles y ampliado a un cartel puede necesitar ajustes de grosor. No porque el archivo se degrade, sino porque la proporción que funcionaba en pequeño resulta tosca en grande. ### El mapa de bits incrustado sigue siendo mapa de bits La excepción que hay que conocer. Un SVG puede contener una imagen rasterizada. Al ampliar el archivo, esa imagen se interpola como cualquier mapa de bits y se pixela, mientras las formas vectoriales de alrededor siguen nítidas. Ningún editor recupera la resolución que esa imagen no tenía. Si el resultado importa, hay que sustituir la imagen por una de mayor tamaño o por geometría de verdad. ## Cómo escalar sin sorpresas El orden que menos problemas genera es este. Primero decide el tamaño final en píxeles o en milímetros, y calcula las unidades con esa referencia. Un A4 a 300 ppp son 2.480 por 3.508 píxeles, así que ese es el número que manda cuando el destino es impresión. Después escala los objetos, no solo el lienzo. Agrandar el lienzo sin tocar los objetos deja el dibujo pequeño en una ventana enorme, que es el error más frecuente y el más difícil de detectar cuando se mira el archivo en un visor. Por último ajusta trazos y textos. Los grosores pueden quedar desproporcionados y las tipografías cambian de métrica al variar el tamaño de composición. ### Decisiones que conviene tomar antes Si el archivo va a vivir a muchos tamaños, deja el `viewBox` con las coordenadas originales y controla el tamaño desde el ancho y el alto. Si va a un tamaño único y cerrado, puedes redibujar el contenido en la escala definitiva y evitar conversiones posteriores. Si el dibujo contiene texto, decide si se queda vivo o se convierte en contornos antes de escalar. Convertir después de ajustar tamaños obliga a repetir el ajuste. ## Errores que arruinan el resultado El primero es suponer que el SVG se pixela por ampliarlo. No ocurre, salvo en las partes rasterizadas o en efectos que el visor no sabe recalcular. El segundo es ampliar el lienzo y dar por hecho que el dibujo creció. Son dos operaciones distintas. El tercero es exportar a PNG en el tamaño de trabajo y ampliar el PNG después. Ahí sí se pierde calidad, y no por culpa del SVG. El cuarto es ignorar las unidades. Un archivo con medidas en milímetros abierto en un contexto que las interpreta como píxeles aparece a un tamaño absurdo. No está roto, está mal interpretado. ## Probar la escala en el editor El [Editor vectorial](/es/herramientas/editor-vectorial/) permite abrir el archivo, cambiar el `viewBox` y los tamaños, y exportar de nuevo en SVG o en PNG al tamaño final. Como la exportación es una descarga del navegador, conviene permitir las descargas para el sitio antes de empezar. La prueba que más enseña es pequeña. Coge un icono, duplícalo, muestra una copia a 96 píxeles y otra a 960, y compara los bordes. Si los dos se ven limpios, el archivo está bien construido. Si la segunda copia pierde nitidez, hay un mapa de bits escondido dentro. Para el flujo de trabajo completo, la guía sobre [cómo editar archivos SVG online en tu navegador](/es/guias/como-editar-archivos-svg-online-en-tu-navegador/) explica la primera sesión de principio a fin. Y cuando el objetivo no es el tamaño sino el peso del archivo que se publica, la guía para [preparar y optimizar archivos SVG para la web](/es/guias/como-preparar-y-optimizar-archivos-svg-para-la-web/) continúa por ahí. Hay más rutas en la [biblioteca de guías](/es/guias/).