Imagen retina
Una imagen guardada al doble de su tamaño de visualización para que se vea nítida en pantallas de alta densidad.
Las pantallas de alta densidad (“retina”) usan dos o más píxeles físicos por cada píxel CSS. Un logotipo de 80 píxeles guardado exactamente a 80 píxeles se ve borroso en ellas.
La solución es guardar la imagen a 160 píxeles y poner width="80" en el HTML. Los clientes de correo la reducen y se ve nítida en todas partes.
Incluye siempre los atributos de ancho y alto de forma explícita: si no, Outlook clásico puede mostrar la imagen a su tamaño de archivo completo.