Mengapa browser tidak membuat gambar dalam kerapatan piksel asli pada tampilan retina?

Sepertinya saya bahwa browser (Chrome, Safari, Firefox) pada retina Macbook Pro saya tidak membuat gambar dengan kerapatan piksel asli. Misalnya, ketika saya membuka gambar dari gambar google dan kemudian mengunduh gambar yang sama dan membukanya di pratinjau, gambar yang sama lebih kecil dan lebih padat di pratinjau daripada di browser saya. Ini tampaknya menunjukkan bahwa ada perbedaan dalam penskalaan piksel antara kedua aplikasi. Bisakah ini diperbaiki untuk browser?

Ini disengaja. Sebagian besar situs web tidak dirancang untuk tampilan retina dan hanya memiliki aset 1x. Jika 1x aset ini diambil pada resolusi asli pada layar retina, mereka akan muncul pada seperempat ukuran (setengah tinggi, setengah lebar). Itu jelas tidak praktis: itu akan seperti menjelajahi web dengan tingkat zoom browser Anda diatur ke 25%.

Untuk menyiasatinya, browser cukup menggambar semuanya 2x (retina) secara default dan kemudian meningkatkan aset 1x agar sesuai. Dengan cara ini, situs web muncul pada ukuran fisik yang sama pada tampilan retina seperti halnya pada tampilan non-retina.

Saya pikir ini bukan masalah di browser itu sendiri (setidaknya seharusnya tidak menjadi masalah di Safari). Masalahnya adalah kurangnya dukungan situs web untuk tampilan HiDPI. Saya kira sebagian besar situs web belum mendukung Tampilan Retina. Lihat Mengembangkan situs yang responsif dan ramah-Retina untuk info lebih lanjut.

Jika situs web yang tidak siap menggunakan retina dibuat pada resolusi Retina, gambar akan terlihat dua kali lebih kecil dan tata letak situs akan rusak (karena elemen non-gambar umumnya tidak peduli dengan retina dan karenanya tidak akan menskala).

Lihat utas Forum Macrumors ini untuk beberapa situs web yang mendukung Tampilan Retina.