ความละเอียด vs ขนาดหน้าจอ
ความละเอียดวัดเป็นพิกเซล ส่วนขนาดหน้าจอจริงมักวัดตามแนวทแยงเป็นนิ้ว
ดูความละเอียดหน้าจอปัจจุบันของคุณได้ทันที รวมถึงขนาดหน้าจอเป็นพิกเซล พื้นที่หน้าจอที่ใช้ได้ ขนาด viewport อัตราส่วนพิกเซลของอุปกรณ์ ความลึกสี และการวางแนว คุณยังสามารถประเมินขนาดหน้าจอจริงเป็นนิ้วและเซนติเมตรได้ด้วย
ใช้เครื่องมือนี้เพื่อดูขนาดหน้าจอและข้อมูลการแสดงผลที่เบราว์เซอร์ของคุณรายงาน
เบราว์เซอร์ไม่สามารถบอกขนาดจริงทางกายภาพของจอภาพได้อย่างแม่นยำ ดังนั้นผลอัตโนมัตินี้จึงเป็นเพียงค่าประมาณ
วางบัตรเครดิตมาตรฐานเทียบกับหน้าจอ แล้วเลื่อน slider จนความกว้างของบัตรบนหน้าจอตรงกับบัตรจริง
ความละเอียดวัดเป็นพิกเซล ส่วนขนาดหน้าจอจริงมักวัดตามแนวทแยงเป็นนิ้ว
Viewport คือพื้นที่ของหน้าเว็บภายในหน้าต่างเบราว์เซอร์เท่านั้น จึงอาจเล็กกว่าหน้าจอทั้งหมดมาก
ค่าด้านบนมาจาก browser APIs โดยตรง และจะอัปเดตเมื่อขนาดหน้าต่างเบราว์เซอร์หรือสถานะการแสดงผลเปลี่ยน
ความละเอียดหน้าจอที่พบบ่อยมีตั้งแต่ HD ไปจนถึง 4K และสูงกว่า จำนวนพิกเซลที่มากขึ้นช่วยแสดงรายละเอียดได้มากขึ้น แต่ขนาดหน้าจอจริงและการปรับสเกลก็มีผลต่อขนาดของเนื้อหาที่มองเห็น
คำตอบเกี่ยวกับความละเอียดหน้าจอ ความละเอียดจอภาพ ขนาดหน้าจอ และการปรับสเกลการแสดงผล
ความละเอียดหน้าจอที่เบราว์เซอร์ของคุณรายงานจะแสดงอยู่ด้านบนของหน้านี้ เรายังแสดงค่าความละเอียดพิกเซลของอุปกรณ์โดยประมาณ เพื่อให้คุณเปรียบเทียบค่า CSS pixels กับหน้าจอความหนาแน่นสูงหรือหน้าจอที่มีการปรับสเกลได้
เพียงเปิดหน้านี้ ตัวตรวจสอบความละเอียดหน้าจอจะอ่านขนาดหน้าจอของคุณโดยอัตโนมัติ ไม่ต้องกรอกแบบฟอร์มหรือตั้งค่าใด ๆ และยังแสดงขนาด viewport พื้นที่หน้าจอที่ใช้ได้ และอัตราส่วนพิกเซลของอุปกรณ์
ขนาดหน้าจอมักหมายถึงความยาวแนวทแยงจริงของจอภาพเป็นนิ้ว เบราว์เซอร์ไม่สามารถระบุค่านี้ได้อย่างแม่นยำ ดังนั้นหากต้องการประเมินขนาดจริงให้ใช้การปรับเทียบด้วยบัตรเครดิตด้านบน
ค่าความละเอียดด้านบนแสดงสิ่งที่เบราว์เซอร์ตรวจจับได้ native resolution ของจอภาพอาจต่างออกไปหาก Windows, macOS หรือระบบปฏิบัติการอื่นใช้การปรับสเกลหน้าจอ
ไม่เหมือนกัน ความละเอียดหน้าจอหมายถึงขนาดเป็นพิกเซล เช่น 1920 × 1080 ส่วนขนาดหน้าจอหมายถึงขนาดทางกายภาพ โดยปกติวัดแนวทแยงเป็นนิ้ว
การปรับสเกลของระบบปฏิบัติการ โหมด high-DPI และการทำงานของเบราว์เซอร์อาจเปลี่ยนขนาด CSS pixels ที่หน้าเว็บได้รับ ค่าพิกเซลอุปกรณ์โดยประมาณด้านบนช่วยอธิบายความแตกต่างนี้ได้
ขนาด viewport คือพื้นที่ภายในหน้าต่างเบราว์เซอร์ที่หน้าเว็บสามารถใช้งานได้ แถบเครื่องมือของเบราว์เซอร์ ขนาดหน้าต่าง และ UI ของเบราว์เซอร์มือถืออาจทำให้ viewport เล็กกว่าหน้าจอทั้งหมด
อัตราส่วนพิกเซลของอุปกรณ์เปรียบเทียบ device pixels กับ CSS pixels หน้าจอ Retina, high-DPI และหน้าจอที่มีการปรับสเกลมักรายงานค่ามากกว่า 1 จึงทำให้ขนาดที่เบราว์เซอร์รายงานต่างจากสเปก native ของฮาร์ดแวร์ได้
ตัวอย่างที่พบบ่อยได้แก่ 1280 × 720, 1920 × 1080, 2560 × 1440 และ 3840 × 2160 โดยทั่วไปความละเอียดที่ระบบแนะนำสำหรับหน้าจอของคุณจะเป็นตัวเลือกที่เหมาะสมที่สุด
ใน Windows 11 หรือ Windows 10 ให้เปิด Settings → System → Display แล้วหา Display resolution จากนั้นเลือกความละเอียดที่ต้องการ โดยทั่วไปค่า Recommended เป็นตัวเลือกที่เหมาะสมที่สุด