Dein Logo sieht auf dem iPhone aus wie durch Milchglas fotografiert – dabei hast du doch ein wunderschönes SVG. Was läuft falsch? Wahrscheinlich ist dein E-Mail-Template noch nicht für Retina-Displays optimiert. Nick Cantu (Creative Director) und Sarah Gallardo (Lead Email Developer) von Oracle erklären, wo Retina-Bilder wirklich einen Unterschied machen – und wo du dir die Arbeit sparen kannst.

Was ist ein Retina-Bild überhaupt?

Apples Retina-Displays haben viermal so viele Pixel wie normale Bildschirme. Damit ein Bild auf diesen Bildschirmen scharf wirkt, muss es doppelt so groß angelegt werden, wie es tatsächlich angezeigt wird – ein 100×200-Pixel-Element braucht also ein 200×400-Pixel-Bild, das per HTML-Attribut auf die Originalgröße zurückgestuft wird. Viele Design-Tools exportieren heute auf Knopfdruck als „2x”, das ist technisch also kein großes Hindernis mehr.

Das Problem liegt woanders: Retina-Bilder können die Dateigröße erheblich erhöhen. Manche Icons wachsen dabei kaum (von 3 KB auf 4 KB), komplexe Lifestyle-Aufnahmen dagegen können sich mehr als verdoppeln. Und größere Dateien bedeuten längere Ladezeiten – gerade in Gebäuden mit schwachem Empfang oder im ländlichen Raum ein echter Störfaktor.

Marketers should use retina images in their emails only when it creates a significantly better experience in terms of readability or impression.

Grünes Licht: Hier lohnt sich Retina immer

Nick und Sarah empfehlen Retina-Qualität unbedingt für:

Logos – Sie sind das erste, was der Empfänger sieht, und ein unscharfes Logo ist ein schlechter erster Eindruck. Kein Kompromiss.

Icons und Symbole – Hochkontrast-Elemente mit klaren Kanten profitieren am meisten von Retina, weil das menschliche Auge dort Unschärfe sofort wahrnimmt.

Text in Bildern – Grafische Textelemente (Aktionsbanner, Titel-Grafiken) müssen gestochen scharf sein, sonst wird die Lesbarkeit zum Problem.

Rote Karte: Hier kostet Retina mehr, als es bringt

Lifestyle- und Landschaftsfotos – Bei komplexen Bildern ist der Qualitätsunterschied zwischen Standard und Retina oft kaum sichtbar. In einem Seitenvergleich im Artikel war das Retina-Bild mehr als siebenmal so groß, ohne dass der Qualitätsgewinn wirklich sichtbar war.

Sehr große Bilder – Je größer das Bild, desto weniger lohnt sich die Retina-Variante – der Dateigröße-Nachteil überwiegt.

Ein praktischer Fingerzeig der Autoren: Wenn mehr als 60–75% deiner Empfänger mobil öffnen (was bei den meisten E-Commerce-Brands der Fall ist), komprimieren Mobilgeräte große Bilder beim Skalieren automatisch – Retina-Mehrwert also oft schon eingebaut.

Was ist mit 4K?

Kurze Antwort: irrelevant für E-Mail-Marketer. 4K-Bildschirme sind bei Smartphones so selten (und würden die Akkulaufzeit zerstören), dass du dich auf Retina (2x) konzentrieren kannst, ohne dir Gedanken über 4x-Varianten zu machen.

Das Original von Nick Cantu und Sarah Gallardo auf dem Oracle Blog enthält auch visuelle Seitenvergleiche, die zeigen, wann der Unterschied sichtbar ist und wann nicht – das lohnt sich anzuschauen. Besonders nützlich für alle, die gerade ihr E-Mail-Template überarbeiten oder ein modulares Design-System aufbauen.