Bilder für Retina Displays

[burn4ever]

Hallo,
Ich weiss evtl. Bin ich hier nich unbedingt im richtigen Forum, weiss mir aber gerade nich anders zu helfen.
Muss ich jetzt Bilder für RetinaDisplay in der doppelten Grösse anlegen oder mit der 4fachen
Pixeldichte (dpi).

Bsp.: normale Bild ist 1000x1000px Gross und das in 72dpi
Wie müsste ich das Retina optimierte Bild anlegen?

 

[Tronjer]

4fach. Retina bedeutet doppelte Höhe und doppelte Breite. Für mobile Geräte muss man dann zusätzlich noch die device-pixel-ratio berücksichtigen.

 

[burn4ever]

Okay,
das heisst für mein Beispiel oben, ich lege das Bild in 2000x2000px an.
Aber auch mit 72dpi oder muss ich hier auf 288dpi gehen?

 

[Bennyville]

Nur in doppelter Größe anlegen. DPI/PPI gibt es nur bei den Ausgabegeräten bzw. bei Printprodukten. Welche DPI/PPI in der Datei hinterlegt sind, ist völlig egal :)

Du hast dann im Web mehrere Möglichkeiten die Bilder für hochauflösende Displays anzeigen zu lassen.

Z. B.:
http://retinajs.com/

oder bei Hintergrundbilder mit einem Media-Query:

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  ...
}