Übersicht über verschiedene Fachbegriffe aus dem Bereich Retina-Display-Optimierung

Hier eine kurze Übersicht über die verschiedenen Fachbegriffe, ihre deutsche Übersetzung (so vorhanden) sowie eine kurze Erklärung.

Englisch	Deutsch	Erklärung
device pixels/ physcial pixels/ hardware pixels	Gerätepixel/ physikalische Pixel	Kleinste Darstellungseinheit auf dem Screen des Endgerätes und somit die Art von Pixel, die gemeint ist wenn es um die Auflösung (also z.B. 640 x 1136px beim iPhone 5) geht.
device independend pixels (dips)/ CSS pixels/ virtual pixels/ logical pixels	geräteunabhängiges Pixel/ Referenzpixel/ CSS-Pixel/ virtuelle Pixel	Abstrakte optische Referenzeinheit, die zum Angeben von Maßen im CSS (width, height…) benutzt wird.
device pixel ratio	(mir ist keine deutsche Übersetzung bekannt)	Gibt das Verhältnis von Gerätepixeln zu geräteunabhängigen Pixeln wieder. Beim iPhone 5 beträgt sie beispielsweise 2 (640 Gerätepixel / 320 dips).
pixel density	Pixeldichte/ Punktdichte	Errechnet sich aus Wurzel(Breite² + Höhe²) / Bildschirmdiagonale in Zoll; Beispiel am iPad mini Wurzel(1024² + 768²) / 7.9″ = 162.025316456 dpi (dpi-Rechner).

logbuch