SVG a PNG: cuándo y cómo convertir gráficos vectoriales

SVG (Scalable Vector Graphics) describe las imágenes como formas y trazados en XML en lugar de píxeles, por lo que se escala a cualquier tamaño sin perder nitidez. Eso lo hace ideal para logotipos e iconos, pero muchas herramientas todavía no pueden mostrarlo.

¿Por qué convertir SVG a PNG?

• Compatibilidad. Los clientes de correo, visores de imágenes antiguos, formularios de subida en redes sociales y algunos CMS solo aceptan formatos rasterizados como PNG o JPG.
• Edición en herramientas rasterizadas. Los editores de fotos y las apps de imágenes simples trabajan con píxeles, no con trazados vectoriales.
• Renderizado predecible. Un PNG se ve igual en todas partes; un SVG puede renderizarse de forma algo distinta según el motor SVG del navegador o la app.

¿Se pierde calidad?

Pierdes la posibilidad de redimensionar, no la nitidez: a la resolución que exportas, el PNG queda exactamente tan nítido como el SVG. El truco es que un PNG queda fijo en un tamaño: amplíalo después y los bordes se difuminan, mientras que el SVG original se vería perfecto en cualquier tamaño. Si crees que necesitarás versiones más grandes más adelante, exporta a una resolución mayor de la que necesitas ahora.

Cómo convertir SVG a PNG online

1. Abre el conversor de SVG a PNG.
2. Elige tu archivo .svg o arrástralo a la página.
3. Pulsa «Convertir» y descarga el PNG: la transparencia del SVG se conserva.

SVG a PNG, SVG a ICO o SVG a WebP

PNG es la opción universal segura por defecto. Si la imagen es el favicon de un sitio web, ve directamente a SVG a ICO: partir de la fuente vectorial da el icono más nítido posible. Si el PNG es para un sitio web y el tamaño del archivo importa, SVG a WebP da un archivo más pequeño con el mismo soporte de transparencia.

¿En qué resolución exportar?

Exporta en el tamaño más grande que puedas necesitar alguna vez, no solo el que necesitas hoy, ya que un PNG queda fijo una vez rasterizado y ampliarlo después significa reexportar desde el SVG original, no escalar el PNG. Una práctica habitual es exportar al doble o triple del tamaño de visualización, para que el logotipo siga viéndose nítido en pantallas de alta densidad (tipo Retina) sin trabajo adicional.

Fondo: ¿transparente o sólido?

La mayoría de los SVG no tienen fondo definido, y la exportación por defecto conserva esa transparencia, que suele ser justo lo que quieres para un logotipo sobre otro contenido. Si una herramienta o plataforma no admite transparencia y muestra un recuadro negro en su lugar, define explícitamente un color de fondo sólido antes de exportar, en lugar de dejarlo al azar.