Cara Misterius Safari Menangani Gambar Retina iPad

Bug aneh di Mobile Safari berarti iPad Anda mungkin menolak untuk menampilkan gambar beresolusi tinggi di Retina baru Anda Tampilan, alih-alih memperkecil dan membuatnya terlihat sama buruknya dengan jika resolusinya rendah mulai dengan. Anehnya, masalah ini hanya memengaruhi JPG, dan kemudian hanya JPG tertentu. Apa yang sedang terjadi?

Fotografer Duncan Davidson melakukan retina-izing beberapa foto dan menyadari bahwa mereka terlihat lebih buruk daripada foto yang lebih kecil. Menjadi seorang geek, dia mulai mencari tahu alasannya, dan memberikan penjelasan ini:

Gambar yang lebih besar dari lebar 1775 piksel (atau tinggi 1180 piksel) di-down-sampling oleh Webkit. Sampai angka itu dan Anda baik-baik saja. Hit 1776, meskipun, dan gambar Anda diperkecil. PNG baik-baik saja, dan begitu juga — anehnya — adalah gambar berukuran retina di situs Apple.

Solusinya, ternyata, adalah menggunakan JPG progresif. Ingat ketika kita biasa menggunakan ini? JPG progresif mengunduh gambar beresolusi lebih tinggi secara berurutan dan menampilkannya. Dengan demikian, Anda mendapatkan gambar kotak-kotak tetapi lengkap, yang kemudian diisi saat lebih banyak data diterima. Gunakan JPG progresif dan Webkit tidak akan kesulitan menampilkannya.

Ini adalah solusi yang sangat cerdas untuk masalah penyajian gambar untuk tampilan berukuran berbeda, tetapi saya punya pertanyaan: adakah yang tahu jika JPG progresif ini dapat berhenti di tengah jalan? Artinya, bisakah iPad biasa hanya memuat jumlah detail yang mampu ditampilkannya?

Baca selengkapnya rincian teknis, serta hasil percobaan, di blog Duncan.