Snaplytics JS Tests

ทดสอบความละเอียดหน้าจอ

ดูความละเอียดดั้งเดิมของจอภาพในหน่วยพิกเซลทางกายภาพ พร้อมอัตราส่วนพิกเซล อัตราส่วนภาพและความลึกของสี จากนั้นเปิดรูปแบบทดสอบ 1 พิกเซลแบบเต็มจอ: ที่ความละเอียดดั้งเดิมที่แท้จริงจะอ่านเป็นพื้นผิวที่สะอาดและสม่ำเสมอ ในขณะที่การปรับสัดส่วนหรือโหมดที่ไม่ใช่ค่าดั้งเดิมจะปรากฏเป็นความพร่ามัวหรือลวดลายมูอาเร

ความละเอียดดั้งเดิม

กำลังตรวจหา…

สด
วิวพอร์ต CSS
อัตราส่วนพิกเซล
อัตราส่วนภาพ
ความลึกสี
รูปแบบทดสอบ

สลับรูปแบบ

วิธีอ่านรูปแบบ
พื้นผิวที่คมชัดและสม่ำเสมอ

พิกเซลสลับผสมกลายเป็นสีเทาเรียบ — จอภาพทำงานที่ความละเอียดดั้งเดิมและการปรับสัดส่วน 100%.

นุ่มนวลหรือพร่ามัว

ภาพกำลังถูกยืด — ความละเอียดน่าจะตั้งไว้ต่ำกว่าค่าดั้งเดิม จึงทำให้ GPU เพิ่มสเกล

มูอาเรหรือแถบสี

ลวดลายเป็นคลื่นมาจากการแก่นข้อมูล รีเซ็ตซูมเบราว์เซอร์เป็น 100% และตรวจสอบการปรับสัดส่วนหน้าจอของ OS

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

หากเลือกความละเอียดที่ต่ำกว่า GPU จะยืดภาพขนาดเล็กให้ขยายทับตารางพิกเซลที่ตายตัว ทำให้ทุกอย่างดูนุ่มลง ระบบสมัยใหม่ยังเพิ่มการปรับขนาดการแสดงผล (Retina, Windows 150%) เพื่อวาดส่วนติดต่อผู้ใช้ให้ใหญ่ขึ้น ขณะที่ยังคงเรนเดอร์ที่ความหนาแน่นเต็ม นั่นคือเหตุผลที่เบราว์เซอร์รายงานสองขนาด: CSS viewport ในหน่วยพิกเซลเชิงตรรกะ และความละเอียดทางกายภาพในพิกเซลจริงของอุปกรณ์ อัตราส่วนระหว่างทั้งสองคืออัตราส่วนพิกเซลของอุปกรณ์ (DPR) — DPR ที่ 2 หมายความว่าแต่ละ CSS pixel รองรับด้วยบล็อก 2 × 2 ของพิกเซลทางกายภาพ ดังนั้น viewport ที่เบราว์เซอร์มองเห็นอาจมีความละเอียดเพียงครึ่งหนึ่งของหน้าจอ

ความละเอียดหน้าจอทั่วไป

ความละเอียดชื่อที่ที่คุณพบเห็น
1280 × 720HD / 720pแล็ปท็อปรุ่นเก่า จอแสดงผลระดับเริ่มต้น
1920 × 1080Full HD / 1080pความละเอียดที่พบมากที่สุดสำหรับเดสก์ท็อปและแล็ปท็อป
2560 × 1440QHD / 1440pจอสำหรับเกมและการทำงานที่คมชัดกว่า
3440 × 1440UltraWide QHDจอแบบ 21:9 แบบ ultrawide
3840 × 21604K UHDจอขนาดใหญ่และความหนาแน่นสูง, โทรทัศน์
1170 × 2532iPhone (DPR 3)สมาร์ทโฟนรุ่นใหม่ — จอแบบสูงและความหนาแน่นสูง

เคล็ดลับสำหรับการอ่านค่าที่แม่นยำ

  • รีเซ็ตการซูมเบราว์เซอร์เป็น 100% — การซูมจะรีแซมเปิลหน้าโดยอิสระจาก OS
  • บน Windows เลือกความละเอียดที่มีเครื่องหมาย "(Recommended)" ใต้ Settings > System > Display
  • บน macOS เลือก "Default for display" ใต้ System Settings > Displays
  • เรียกใช้รูปแบบเต็มหน้าจอ: สีเทาสม่ำเสมอที่สะอาดหมายถึงการแสดงผลแบบดั้งเดิม ส่วนความเบลอหรือลายโมอาเร (moiré) หมายถึงมีการปรับขนาด