Saltar al contenido

SVG → PNG

Convertidor de SVG a PNG

Suelta un archivo vectorial y recibe un PNG con la resolución que pida el trabajo. La rasterización ocurre en esta pestaña, así que el trabajo de diseño se queda entre tú y tu máquina.

Suelta un SVG aquí

o

Un PNG tiene píxeles fijos: ampliarlo después lo vuelve borroso, mientras que el SVG sigue nítido a cualquier tamaño. Las zonas transparentes se conservan, no se rellenan.

Cómo convertir SVG a PNG

1

Carga el vector

Suelta el archivo .svg o pégalo. Los archivos que no declaran anchura ni altura en su cabecera se renderizan en un lienzo de 1024 píxeles.

2

Elige el tamaño en píxeles

Fija la anchura o la altura que necesites —256 para un icono de aplicación, 2400 para un gráfico impreso— y la otra dimensión sigue la relación de aspecto. Una exportación nunca se amplía más allá del tamaño que declara el archivo.

3

Exporta el PNG

Guarda el mapa de bits y úsalo donde se espere un PNG: una diapositiva, un proceso de favicons, un README o una ficha de tienda que no acepte vectores.

Convertir vectores en píxeles

SVG es XML: trazados, rellenos e instrucciones de texto que un renderizador resuelve con cualquier zoom, por eso los logotipos y los iconos se dibujan como vectores. PNG es una rejilla de píxeles ya terminados, así que rasterizar significa fijar primero un tamaño de rejilla: cada curva se muestrea sobre ella, y la resolución que eliges es la resolución que conservas.

El dibujo se renderiza con el propio motor SVG del navegador, el mismo que lo muestra en una página, así que los degradados, los filtros y las formas recortadas se comportan como en pantalla, y la transparencia se conserva porque PNG lleva canal alfa. El precio es la fijeza: amplía el PNG después y los bordes se suavizan, mientras que una exportación nueva desde el SVG a un tamaño mayor sigue nítida. Conserva el vector como archivo maestro.

Preguntas sobre SVG a PNG

¿Cómo elijo la resolución del PNG?

Piensa en el sitio más grande donde aparecerá: 16-64 px para un favicon, 256-512 px para un icono de aplicación, 1000 px o más para impresión. Fija una dimensión y la otra sigue la proporción; volver a exportar a otro tamaño sale barato porque el original sigue nítido.

¿Qué pierdo respecto al SVG?

Escalabilidad y editabilidad: el PNG es una rejilla fija, así que ampliarlo lo difumina, y sus formas ya no son texto que puedas reestilizar. Trata la exportación como una copia de entrega para un tamaño y conserva el .svg original.

Mi SVG no tiene anchura ni altura. ¿Qué pasa?

Se renderiza en un lienzo de 1024 píxeles, y ese pasa a ser su tamaño intrínseco, así que un archivo con solo un viewBox se trata como de 1024 px de ancho. Fija aquí un tamaño explícito en píxeles, o añade anchura y altura al marcado, cuando necesites algo exacto.

¿Conserva el PNG la transparencia y se sube mi archivo?

La transparencia se conserva, porque PNG tiene un canal alfa real: un logotipo sobre fondo translúcido sigue translúcido. Tampoco se sube nada: la ilustración se renderiza y codifica en esta pestaña, hasta 64 MB por archivo, y la página funciona sin conexión una vez cargada.