SVG es el formato preferido para logotipos, iconos e ilustraciones porque es un vector: describe las formas con cálculos matemáticos, así que se mantiene perfectamente nítido a cualquier tamaño mientras conserva un tamaño de archivo diminuto. Pero no todas las herramientas entienden SVG. Las plataformas sociales, los programas de presentaciones, muchos editores de fotos y un montón de formularios de subida esperan una imagen raster como PNG. Cuando eso ocurre, conviertes el SVG a PNG.
Esta guía explica cómo convertir SVG a PNG sin acabar con un resultado borroso, el único ajuste que más importa y cuándo deberías conservar el SVG.
Vector frente a raster: por qué la conversión necesita un tamaño
La diferencia clave entre SVG y PNG lo explica todo sobre la conversión entre ambos. Un SVG es independiente de la resolución: no tiene dimensiones fijas en píxeles y se puede dibujar a cualquier tamaño bajo demanda. Un PNG es una cuadrícula fija de píxeles, así que tiene una resolución concreta incorporada.
Convertir SVG a PNG se llama rasterizar: el vector se renderiza en una cuadrícula de píxeles a un tamaño elegido. Esa elección de tamaño es la decisión más importante de la conversión, porque, una vez que el PNG existe, ampliarlo más allá de su resolución lo volverá borroso, justo la limitación que SVG fue diseñado para evitar.
Elige la resolución adecuada
Para mantener tu PNG nítido, renderízalo al tamaño más grande con el que realmente lo vayas a mostrar, o más grande. Algunas pautas:
- **Ajusta al tamaño de visualización.** Si un logotipo va a aparecer a 300 píxeles de ancho, exporta el PNG al menos con ese ancho.
- **Ten en cuenta las pantallas de alta resolución.** Los teléfonos y portátiles modernos concentran píxeles adicionales, así que exportar a dos o tres veces el tamaño de visualización mantiene la imagen nítida en ellos.
- **En caso de duda, hazlo más grande.** Un PNG más grande de lo necesario se puede reducir de forma limpia; uno demasiado pequeño no se puede ampliar sin volverse borroso.
Como SVG no tiene una resolución intrínseca, un buen conversor te permite elegir las dimensiones de salida. Elegir un tamaño generoso es la forma más sencilla de garantizar un resultado nítido.
Cómo convertir SVG a PNG
La forma más rápida, sin nada que instalar, es un conversor basado en el navegador. Usa el conversor de SVG a PNG gratuito: añade tu SVG, conviértelo y descarga un PNG listo para usar en cualquier sitio que acepte imágenes raster. Renderiza el vector en píxeles limpios y conserva la transparencia, así que un logotipo sobre un fondo transparente sigue siendo transparente.
Esto es ideal cuando necesitas un PNG rápido para un perfil social, una presentación, un documento o cualquier herramienta que no acepte directamente un SVG.
La transparencia se conserva
Una ventaja de convertir a PNG en lugar de a JPG es la transparencia. PNG admite un canal alpha completo, así que las zonas transparentes de tu SVG —el espacio alrededor de un logotipo, por ejemplo— siguen siendo transparentes en el PNG. Si convirtieras a JPG en su lugar, esas zonas se rellenarían con un color sólido, porque JPG no tiene transparencia. Para logotipos e iconos, PNG es casi siempre el destino raster adecuado.
Cuándo conservar el SVG
Convierte a PNG solo cuando algo lo requiera. Para todo lo que controlas —un sitio web, una aplicación o un archivo de diseño—, conserva el SVG. Se mantendrá nítido en cada pantalla y a cada tamaño, suele ser más pequeño que un PNG de alta resolución en el caso de gráficos sencillos y se puede reestilizar con código. Rasterizar a PNG fija la imagen a una sola resolución y pierde esas ventajas.
Un hábito práctico: conserva el SVG como tu copia maestra y exporta PNG a partir de él siempre que una herramienta concreta necesite uno. Así siempre tienes el original escalable con el que trabajar. Para saber más sobre el formato, consulta Qué es un archivo SVG.
¿SVG, PNG u otra cosa?
Si estás sopesando formatos para un proyecto, la versión corta es: usa SVG para logotipos, iconos e ilustraciones planas; usa PNG cuando necesites una versión raster con transparencia o bordes nítidos; y usa JPG, WebP o AVIF para fotografías. Para el marco de decisión completo entre todos los formatos, consulta Cómo elegir el formato de imagen adecuado para la web y, sobre la transparencia raster en general, JPG vs PNG.