Mi sembra che i browser (Chrome, Safari, Firefox) sulla mia retina Macbook Pro non riproducano alcuna immagine con densità di pixel nativi. Ad esempio, quando apro un'immagine da Google images e poi scarica la stessa immagine e la apro in anteprima, la stessa immagine è più piccola e più densa in Anteprima rispetto al mio browser. Ciò sembra suggerire che esiste una discrepanza nel ridimensionamento dei pixel tra le due applicazioni. Può essere risolto per il browser?
Questo è intenzionale. La maggior parte dei siti Web non è progettata per display retina e ha solo 1x risorse. Se queste risorse 1x fossero disegnate a risoluzione nativa su un display retina, apparirebbero ad un quarto della dimensione (metà dell'altezza, metà della larghezza). Sarebbe ovviamente poco pratico: sarebbe come navigare sul Web con il livello di zoom del tuo browser impostato su 25%.
Per aggirare questo problema, il browser disegna semplicemente tutto a 2x (retina) per impostazione predefinita, quindi esegue l'upscaling di eventuali risorse 1x da abbinare. In questo modo, i siti web appaiono con la stessa dimensione fisica su un display retina come fanno su un display senza retina.
Penso che questo non sia un problema nei browser stessi (almeno non dovrebbe essere un problema in Safari). Il problema è la mancanza di supporto del sito Web per i display HiDPI. Immagino che la maggior parte dei siti Web non supporti ancora i display Retina. Vedi Sviluppare un sito reattivo, amichevole per la retina per maggiori informazioni.
Se i siti web privi di retina sono stati renderizzati alla risoluzione Retina, le immagini sembrerebbero due volte più piccole e il layout del sito sarebbe interrotto (dato che gli elementi non-immagine generalmente non si preoccupano della retina e quindi non scalerebbero ).
Vedi questo thread del forum Macrumors per alcuni siti Web che supportano i display Retina.
Leggi altre domande sui tag macbook safari display google-chrome