Me parece que los navegadores (Chrome, Safari, Firefox) en mi retina Macbook Pro no generan imágenes 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 la vista previa, esa misma imagen es más pequeña y densa en la 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 de retina y solo tienen activos 1x. Si estos activos 1x se dibujaran a resolución nativa en una pantalla de retina, aparecerían a un cuarto del tamaño (la mitad de la altura, la mitad del ancho). Obviamente, esto no sería práctico: sería como navegar por la web con el nivel de zoom de su navegador establecido en un 25%.
Para solucionar esto, el navegador simplemente dibuja todo a 2x (retina) de forma predeterminada y luego aumenta la escala de los activos 1x para que coincidan. De esta manera, los sitios web aparecen en el mismo tamaño físico en una pantalla de retina que en una pantalla sin retina.
Creo que esto no es un problema en los propios navegadores (al menos no debería ser un problema en Safari). El problema es la falta de soporte del sitio web para pantallas HiDPI. Supongo que la mayoría de los sitios web no son compatibles con Retina Displays todavía. Para obtener más información, consulte Desarrollo de un sitio receptivo y compatible con Retina
Si los sitios web que no están listos para la retina se procesaron en la resolución de 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 tienen imagen generalmente no se preocupan por la retina y por lo tanto no se escalan ).
Consulte este tema del Foro de Macrumors para ver algunos sitios web que admiten Retina Displays.
Lea otras preguntas en las etiquetas macbook safari display google-chrome