Tags:

ทุกๆ วันนี้ ผู้ใช้ต่างใช้มือถือ และคอมพิวเตอร์ที่มีหน้าจอความละเอียดสูงมากๆๆ (xxhdpi)

อยากถามสมาชิก blognone ที่พัฒนาเว็บไซต์ว่า เวลาเอารูปภาพลงบนเว็บไซต์คำนึงถึง dpi มากแค่ไหนหรือใช้ค่ามาตรฐานที่ 72 dpi ปกติ ชีวิตไม่มีการเปลี่ยนแปลง... และมีวิธีการจัดการกับหน้าจออย่างไร? เพราะเครื่องบางเครื่องหน้าจอปกติจะให้โหลดความละเอียดสูงกับเปลืองแบนด์วิดท์เปล่าๆ บางทีทำให้เว็บโหลดช้าเข้าไปอีกครับ

เลยอยากสอบถามเป็นความรู้ครับ

Get latest news from Blognone
By: KR on 23 November 2017 - 12:14 #1020593

มีผลจ้า ตั้งแต่เริ่มมีจอ retina แล้ว เพราะภาพตามขนาดมันจะไม่ชัด ก็ต้องใช้ 2x-4x

ปกติถ้าขี้เกียจก็ทำขนาดประมาณ 2 เท่าไว้ก่อน แล้วให้มัน downsize เอา
แต่จริงๆก็ควรใช้คำสั่งทางนี้โดยเฉพาะ เช่นพวก srcset, device-pixel-ratio, image-set
หรือลองเซิจดูเทคนิคการทำ responsive image จ้า