Retina
Bildschirme mit hoher Pixeldichte; damit ein Bild darauf scharf wirkt, verwendet man eine Version mit doppelter Auflösung.
Im Detail
Auf einem Retina-Display (oder einem Bildschirm mit „hoher Dichte“) wird jeder Gestaltungspixel mit 2 oder mehr echten Pixeln gezeichnet. Ein Bild von 300×250 Pixeln wirkt unscharf, wenn es auf diesen Platz gestreckt wird. Deshalb bereitet man eine Version von 600×500 vor, die verkleinert auf 300×250 angezeigt wird.
Der Preis ist das Gewicht: Ein Bild mit doppelter Auflösung wiegt deutlich mehr. Deshalb verwendet man in HTML5 nach Möglichkeit Text und Vektorformen (SVG) und reserviert große Bilder für die Stellen, die sie wirklich brauchen.
Ein Foto von 600×500, angezeigt mit width: 300px für ein Banner von 300×250.
Verwandte Begriffe
Wo er vorkommt
So bereitest du einen HTML5-Banner für den Ad Server vorLeitfadenDie Banner-Größen erklärtLeitfadenWende die Begriffe in der Praxis an.
Probier es mit einer echten Kampagne aus.