Me parece que los navegadores (Chrome, Safari, Firefox) en mi retina Macbook Pro no muestran ninguna imagen con una densidad de píxeles nativa. Por ejemplo, cuando abro una imagen de Google Images y luego descargo esa misma imagen y la abro en vista previa, esa misma imagen es más pequeña y más densa en Vista previa que en mi navegador. Esto parece sugerir que existe una discrepancia en la escala de píxeles entre las dos aplicaciones. ¿Se puede arreglar esto para el navegador?
Esto es intencional. La mayoría de los sitios web no están diseñados para pantallas retina y solo tienen activos 1x. Si estos activos 1x se dibujaran con resolución nativa en una pantalla retina, aparecerían con una cuarta parte del tamaño (la mitad de la altura, la mitad del ancho). Eso obviamente sería poco práctico: sería como navegar por la web con el nivel de zoom de su navegador establecido en 25%.
Para evitar esto, el navegador simplemente dibuja todo a 2x (retina) de forma predeterminada y luego aumenta la escala de cualquier activo 1x para que coincida. De esta forma, los sitios web aparecen con el mismo tamaño físico en una pantalla retina que en una pantalla no retina.
Creo que esto no es un problema en los navegadores en sí (al menos no debería ser un problema en Safari). El problema es la falta de soporte en el sitio web para las pantallas HiDPI. Supongo que la mayoría de los sitios web aún no son compatibles con las pantallas Retina. Consulte Desarrollo de un sitio receptivo compatible con dispositivos retina para obtener más información.
Si los sitios web que no están preparados para retina se representaran con resolución Retina, las imágenes se verían dos veces más pequeñas y el diseño del sitio se rompería (ya que los elementos que no son de imagen generalmente no se preocupan por la retina y, por lo tanto, no se escalarían).
Consulte este hilo del foro de Macrumors para conocer algunos sitios web que admiten pantallas Retina.
Broma