Ü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).

Links

Pixel density
A Pixel Identity Crisis
A pixel is not a pixel is not a pixel
devicePixelRatio
More about devicePixelRatio