Warum rendern Browser Bilder nicht in nativer Pixeldichte auf dem Retina-Display?

Es scheint mir, dass Browser (Chrome, Safari, Firefox) auf meinem Retina Macbook Pro keine Bilder mit nativer Pixeldichte rendern. Wenn ich beispielsweise ein Bild von Google Images öffne und dann dasselbe Bild herunterlade und es in der Vorschau öffne, ist dasselbe Bild in der Vorschau kleiner und dichter als in meinem Browser. Dies scheint darauf hinzudeuten, dass es eine Diskrepanz in der Pixelskalierung zwischen den beiden Anwendungen gibt. Kann das für den Browser behoben werden?

Antworten (2)

Dies ist Absicht. Die meisten Websites sind nicht für Retina-Displays konzipiert und haben nur 1x Assets. Wenn diese 1x-Assets mit nativer Auflösung auf einem Retina-Display gezeichnet würden, würden sie in einem Viertel der Größe (halbe Höhe, halbe Breite) angezeigt. Das wäre offensichtlich unpraktisch: Es wäre so, als würde man im Internet surfen, wenn die Zoomstufe Ihres Browsers auf 25 % eingestellt ist.

Um dies zu umgehen, zeichnet der Browser standardmäßig alles mit 2x (Retina) und skaliert dann alle 1x-Assets entsprechend hoch. Auf diese Weise erscheinen Websites auf einem Retina-Display in derselben physischen Größe wie auf einem Nicht-Retina-Display.

aber auf chrome sieht alles ok aus, auf allen anderen browsern sieht es verschwommen aus

Ich denke, das ist kein Problem in den Browsern selbst (zumindest sollte es in Safari kein Problem sein). Das Problem ist die fehlende Website-Unterstützung für HiDPI-Displays. Ich denke, die meisten Websites unterstützen Retina-Displays noch nicht. Weitere Informationen finden Sie unter Entwickeln einer responsiven, Retina-freundlichen Website .

Wenn nicht Retina-fähige Websites mit Retina-Auflösung gerendert würden, würden die Bilder doppelt so klein aussehen und das Layout der Website würde beschädigt werden (da sich Nicht-Bildelemente im Allgemeinen nicht um Retina kümmern und daher nicht skaliert würden).


In diesem Thread im Macrumors-Forum finden Sie einige Websites, die Retina-Displays unterstützen.