Convertir SVG a PNG - exactamente al tamaño que necesitas
Un SVG no tiene un número fijo de píxeles. Es un conjunto de instrucciones de dibujo, así que la pregunta que un conversor debe responder no es «qué contiene este archivo» sino «de qué tamaño lo quieres». Esta herramienta te hace esa pregunta desde el principio: elige una escala, o escribe el ancho y el alto exactos, y verás el tamaño en píxeles resultante antes de que se renderice nada. El dibujo se vuelve a renderizar desde el vector al tamaño que elijas, así que una exportación a 4× tiene realmente cuatro veces más detalle en lugar de ser una copia ampliada. Todo ocurre en tu propio dispositivo: tu navegador lee el archivo, lo dibuja en un lienzo y lo codifica como PNG sin que se suba ni un solo byte.
Cómo usar esta herramienta
Suelta tu SVG
Arrastra un SVG a la caja de arriba o haz clic para elegirlo. Se aceptan archivos de hasta 5 MB y puedes añadir varios a la vez. Comprobamos el contenido real en lugar de fiarnos de la extensión, así que una página HTML o un PNG renombrado se rechaza en vez de renderizarse a medias.
Revisa el tamaño detectado
Cada archivo muestra el tamaño de origen que hemos leído. Si el SVG define ancho y alto, usamos esos. Si solo trae un viewBox - lo habitual en Illustrator y Figma - usamos el viewBox, que es el tamaño al que dibujó realmente el diseñador. Si no declara ninguno, lo decimos y usamos 512 × 512.
Elige el tamaño de salida
Cambia entre Escala y Tamaño exacto. La escala multiplica el tamaño de origen por 1×, 2×, 4× o el número que escribas. El tamaño exacto te deja fijar el ancho en píxeles, con un bloqueo de proporción que calcula el alto por ti. Desbloquéalo si quieres deformar el dibujo a propósito.
Decide sobre el fondo
PNG admite transparencia y la mantenemos por defecto, así que las zonas que tu SVG nunca pinta siguen viéndose a través. Desmarca la casilla para aplanar el dibujo sobre un fondo blanco: útil cuando el PNG va a un sitio que muestra la transparencia como negro, como algunas plantillas de documento antiguas.
Convierte y descarga
Pulsa Convertir a PNG. Cada archivo se dibuja al tamaño elegido y se codifica, con su propia barra de progreso. Descárgalos uno a uno o llévate todo en un único ZIP cuando hayas convertido más de uno.
Preguntas frecuentes
¿Qué tamaño de PNG obtengo si el SVG no tiene ancho ni alto?
Usamos el viewBox. Un SVG con viewBox="0 0 200 50" y sin ancho ni alto se convierte en un PNG de 200 × 50, porque ese es el espacio de coordenadas en el que dibujó su autor. Los navegadores no coinciden: preguntas y responden 300 × 75, un valor por defecto heredado de CSS. Leemos el archivo en vez de preguntar al navegador.
¿Y si el SVG no declara ningún tamaño, ni siquiera un viewBox?
Entonces nada en el archivo implica un tamaño, y usamos 512 × 512 diciéndotelo claramente. Es un punto de partida, no una suposición sobre tu intención. Cambia a Tamaño exacto y escribe las dimensiones que quieras; el dibujo se vuelve a renderizar ahí, así que no pierdes nada por sobrescribirlo.
¿Por qué el texto de mi PNG se ve distinto al del SVG?
Porque la tipografía no se cargó. Un SVG que nombra una fuente solo la referencia; los glifos no están dentro del archivo. Al rasterizar, cualquier fuente que no tengas instalada cae silenciosamente en una alternativa con un ancho distinto, lo que desplaza el texto. Convierte el texto a contornos antes de exportar y coincidirá exactamente.
¿Se conserva la transparencia?
Sí, por defecto. PNG lleva un canal alfa completo, así que allí donde tu SVG no pinta nada queda realmente transparente en lugar de volverse blanco. Los rellenos semitransparentes y las sombras suaves también conservan su opacidad parcial. Si prefieres un fondo sólido, desmarca la casilla de transparencia.
¿Qué pasa con las etiquetas <script> y las imágenes remotas del SVG?
Nunca se ejecutan ni se cargan. Un SVG puede contener JavaScript, referencias a imágenes remotas y fuentes externas, y por eso conviene desconfiar de un SVG de origen desconocido. Analizamos cada archivo y listamos lo que encontramos, y el método de renderizado bloquea todo eso por completo: no se ejecuta ningún script ni sale ninguna petición de tu dispositivo.
¿Por qué exportar a 2× es mejor que ampliar el PNG después?
Porque el dibujo se vuelve a renderizar, no se remuestrea. Duplicar la escala aquí redibuja cada curva a mayor resolución, así que los bordes siguen siendo matemáticamente nítidos. Ampliar un PNG terminado solo puede interpolar entre píxeles que ya existen, lo que suaviza todos los bordes. Esta es justo la ventaja de partir de un vector.
¿Hay un límite de tamaño de renderizado?
Sí: 32 megapíxeles y no más de 16.384 píxeles por lado, lo que equivale a unos 5600 × 5600. Eso queda bastante por encima de la resolución de impresión para casi cualquier ilustración. El límite existe porque los navegadores devuelven una imagen vacía en silencio cuando un lienzo se pasa de tamaño, y una descarga vacía es peor que una negativa clara. Los archivos de entrada se limitan a 5 MB.
¿Cuándo debería quedarme con el SVG en vez de convertirlo?
Siempre que el destino sea una página web. Un logotipo en SVG se ve nítido en cualquier pantalla y a cualquier zoom, suele pesar menos que el PNG y puede recolorearse con CSS. Convierte a PNG cuando el destino no sepa leer SVG: clientes de correo, algunos portales de venta e imprenta, software de escritorio antiguo y cadenas de iconos de aplicaciones.
¿Se suben mis archivos a algún sitio?
No. La conversión ocurre íntegramente en tu navegador, con el mismo motor que dibuja los SVG en cualquier página web. Tu archivo nunca se envía a un servidor, nunca se almacena y nunca lo vemos nosotros, lo que además significa que no hay cola ni espera: el único límite es la velocidad de tu propio dispositivo.
También podrías necesitar
¿Algo no funciona? Informar de un error