Image Retina
Une image enregistrée au double de sa taille d’affichage pour rester nette sur les écrans haute densité.
Les écrans haute densité (« Retina ») utilisent deux pixels physiques ou plus par pixel CSS. Un logo de 80 pixels enregistré à exactement 80 pixels y paraît flou.
La solution consiste à enregistrer l’image à 160 pixels et à indiquer width="80" dans le HTML. Les clients de messagerie la réduisent alors, et elle reste nette partout.
Indiquez toujours explicitement les attributs de largeur et de hauteur : sinon, Outlook classique peut afficher l’image à la taille réelle du fichier.