Safari วิธีลึกลับในการจัดการภาพ Retina ของ iPad

ข้อบกพร่องแปลก ๆ ใน Mobile Safari หมายความว่า iPad ของคุณอาจปฏิเสธที่จะแสดงภาพความละเอียดสูงบน Retina. ใหม่ของคุณ แสดงผล แทนที่จะย่อขนาดลงและทำให้ดูแย่เหมือนที่ควรจะเป็นหากมีความละเอียดต่ำถึง เริ่มด้วย. น่าแปลกที่ปัญหานี้มีผลกับ JPG เท่านั้นและเฉพาะ JPG บางตัวเท่านั้น เกิดอะไรขึ้น?

ช่างภาพ Duncan Davidson กำลังเรตินาภาพถ่ายบางภาพและตระหนักว่าภาพเหล่านั้นดูแย่กว่าภาพถ่ายที่มีขนาดเล็กกว่า ด้วยความคลั่งไคล้ เขาจึงเริ่มค้นหาสาเหตุ และได้คำอธิบายดังนี้

รูปภาพที่มีความกว้างมากกว่า 1775 พิกเซล (หรือสูง 1180 พิกเซล) จะถูกสุ่มตัวอย่างโดย Webkit ถึงจำนวนนั้นและคุณก็ไม่เป็นไร ตี 1776 และรูปภาพของคุณจะถูกย่อขนาดลง PNG นั้นใช้ได้ และ — อย่างผิดปกติ — ก็คือรูปภาพที่มีขนาดเรตินาบนไซต์ของ Apple

ทางออกคือการใช้ JPG แบบโปรเกรสซีฟ จำได้ไหมว่าเราเคยใช้สิ่งเหล่านี้? JPG แบบโปรเกรสซีฟจะดาวน์โหลดรูปภาพที่มีความละเอียดสูงขึ้นเรื่อยๆ และแสดงภาพเหล่านั้น ดังนั้น คุณจะได้ภาพที่บล็อกแต่สมบูรณ์ ซึ่งจะถูกเติมเข้าไปเมื่อได้รับข้อมูลเพิ่มเติม ใช้ JPG แบบโปรเกรสซีฟและ Webkit จะไม่มีปัญหาในการแสดง

นี่เป็นวิธีแก้ปัญหาที่ชาญฉลาดอย่างน่าประหลาดใจสำหรับปัญหาการแสดงภาพสำหรับจอแสดงผลขนาดต่างๆ แต่ฉันมีคำถาม: ใครรู้บ้างว่าโปรเกรสซีฟ JPG เหล่านี้สามารถหยุดระหว่างทางได้หรือไม่ นั่นคือ iPad ปกติสามารถโหลดได้เฉพาะจำนวนรายละเอียดที่สามารถแสดงได้หรือไม่?

อ่านเพิ่มเติมของ รายละเอียดทางเทคนิค, เช่นเดียวกับ ผลลัพธ์ ของการทดลอง ที่บล็อกของ Duncan