SVG o PNG: ¿cuál usar para logotipos e iconos?
Ambos formatos admiten transparencia y ambos son buenos para logotipos. La diferencia está en cómo almacenan la imagen, y eso cambia dónde funciona mejor cada uno.
Vectorial frente a mapa de bits
Un SVG almacena formas y curvas como instrucciones, por lo que se puede escalar a cualquier tamaño sin desenfocarse y a menudo es diminuto. Un PNG almacena una cuadrícula fija de píxeles de color. Si lo amplías, se vuelve suave y con bloques.
Usa SVG cuando
La obra es un logotipo, icono, gráfico o ilustración sencilla que se muestra en un sitio web. SVG se mantiene nítido en cualquier densidad de pantalla y se puede estilizar con CSS.
Usa PNG cuando
Necesitas colocar la imagen en un sitio que no acepta SVG: firmas de correo, muchas redes sociales, presentaciones, marketplaces y tiendas de aplicaciones. PNG también es la opción correcta para capturas de pantalla y cualquier imagen con detalle fotográfico.
Cómo convertir bien de SVG a PNG
Elige el tamaño de salida que necesitas y renderiza a 2x o más para pantallas retina. Para impresión, apunta al tamaño en píxeles que dé al menos 300 píxeles por pulgada en el tamaño impreso.