Retina-Bild
Ein Bild, das in doppelter Anzeigegröße gespeichert ist, damit es auf hochauflösenden Bildschirmen scharf bleibt.
Hochauflösende („Retina“-)Bildschirme nutzen zwei oder mehr physische Pixel pro CSS-Pixel. Ein 80 Pixel breites Logo, das mit genau 80 Pixeln gespeichert ist, wirkt darauf unscharf.
Die Lösung: Speichern Sie das Bild mit 160 Pixeln und setzen Sie width="80" im HTML. E-Mail-Programme skalieren es dann herunter, und es wirkt überall gestochen scharf.
Geben Sie Breite und Höhe immer explizit an: Sonst zeigt das klassische Outlook das Bild unter Umständen in voller Dateigröße an.