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

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

จอความละเอียดสูงสมัยใหม่ใช้การสเกลเพื่อให้ข้อความและไอคอนมีขนาดสบายตา จอ 4K ที่สเกล 150% จะรายงาน 2560 × 1440 พิกเซล CSS แม้แผงจะเรนเดอร์ 3840 × 2160 จริง ค่า screen.width และ screen.height ของเบราว์เซอร์เป็นพิกเซล CSS เสมอ ความละเอียดที่รายงานจึงเป็นความละเอียดเชิงตรรกะที่ถูกสเกลแล้ว นำไปคูณกับอัตราส่วนพิกเซลอุปกรณ์จะได้ความละเอียดทางกายภาพ ซึ่งเป็นสิ่งที่ค่าประมาณความละเอียดทางกายภาพในหน้านี้ทำแทนคุณ

อัตราส่วนพิกเซลอุปกรณ์คือจำนวนพิกเซลทางกายภาพที่เบราว์เซอร์ใช้วาดหนึ่งพิกเซล CSS ค่า DPR เท่ากับ 1 หมายถึงหนึ่งพิกเซล CSS เท่ากับหนึ่งพิกเซลทางกายภาพ ค่า DPR เท่ากับ 2 ซึ่งพบบ่อยบนจอ Retina และแล็ปท็อปสมัยใหม่ หมายถึงแต่ละพิกเซล CSS วาดด้วยบล็อก 2 × 2 พิกเซลทางกายภาพ ทำให้เนื้อหาคมชัดขึ้น DPR ยังเปลี่ยนเมื่อซูม: การซูม 125% ในเบราว์เซอร์ทำให้ DPR ที่รายงานสูงขึ้น 1.25 เท่า จึงเป็นเหตุให้ค่าประมาณความละเอียดทางกายภาพถูกระบุว่าเป็นค่าประมาณ

ความละเอียดหน้าจออธิบายจอทั้งหมด ทั้งจอมอนิเตอร์หรือหน้าจอโทรศัพท์ ส่วน viewport คือส่วนที่มองเห็นของหน้าเว็บภายในหน้าต่างเบราว์เซอร์ โดยไม่รวมแถบเครื่องมือ แถบอินเทอร์เฟซ แถบด้านข้าง และแถบเลื่อน บนเบราว์เซอร์ที่ขยายเต็มหน้าจอ viewport จะเล็กกว่าจอเล็กน้อย บนหน้าต่างลอยขนาดเล็กอาจเล็กกว่ามาก นักพัฒนาเว็บใช้ขนาด viewport (ไม่ใช่ความละเอียดหน้าจอ) ในการสร้างเลย์เอาต์แบบ responsive จึงมีการแสดงทั้งสองค่าเคียงกันในหน้านี้

ความละเอียดทางกายภาพคำนวณโดยนำความละเอียด CSS คูณกับอัตราส่วนพิกเซลอุปกรณ์แล้วปัดเป็นพิกเซลเต็ม มีสองปัจจัยที่ทำให้เป็นค่าประมาณ: การซูมเบราว์เซอร์เปลี่ยน DPR ที่รายงาน — ที่ซูม 110% ค่า DPR 2 จะถูกรายงานเป็น 2.2 — และเบราว์เซอร์บางตัวใช้การปัดขนาดหน้าจอของตัวเอง ค่าประมาณจะแม่นยำเมื่อซูมเบราว์เซอร์อยู่ที่ 100% จึงแนะนำให้ตรวจค่าหลังรีเซ็ตการซูม (Ctrl/Cmd + 0) หากต้องการค่าที่แม่นยำ

พื้นที่ที่ใช้งานได้คือส่วนของหน้าจอที่ไม่ได้ถูกใช้โดยองค์ประกอบถาวรของระบบปฏิบัติการ เช่น ทาสก์บาร์ของ Windows, Dock ของ macOS หรือแถบระบบบนอุปกรณ์มือถือ จอ 1920 × 1080 ที่มีทาสก์บาร์ Windows แบบค่าเริ่มต้นจะรายงานความสูงที่ใช้งานได้ 1040 พิกเซลหรือน้อยกว่า แอปพลิเคชันรวมถึงหน้าต่างเบราว์เซอร์ที่ขยายเต็มจะถูกจัดวางภายในพื้นที่นี้ จึงมักเป็นตัวเลขที่ใช้ได้จริงกว่าเมื่อคำนวณว่าหน้าต่างที่ขยายเต็มได้พื้นที่เท่าไร

เปิดหน้านี้แล้วอ่านค่าประมาณความละเอียดทางกายภาพ เมื่อซูมเบราว์เซอร์อยู่ที่ 100% ค่านี้จะตรงกับความละเอียดเนทีฟของแผง เพราะการสเกลเปลี่ยนจำนวนพิกเซลที่ฮาร์ดแวร์เรนเดอร์ไม่ได้ คุณยังเทียบเคียงได้ในระบบปฏิบัติการ: บน Windows ไปที่ Settings › System › Display แล้วดู Display resolution (รายการที่แนะนำคือค่าเนทีฟ) บน macOS เปิด System Settings › Displays ตัวเลือก "Default for display" มักใช้ความละเอียดเนทีฟพร้อมการสเกลเพื่อความคมชัด

ได้ เพราะเครื่องมือใช้เพียงอินเทอร์เฟซมาตรฐานของเบราว์เซอร์ จึงทำงานบนเบราว์เซอร์ Android และ iOS รวมทั้งเดสก์ท็อป บนมือถือ ความละเอียดหน้าจอที่รายงานมักเป็นความละเอียดเชิงตรรกะ (CSS) ของอุปกรณ์ เช่น 393 × 851 บนโทรศัพท์ Android หลายรุ่น ขณะที่ค่าประมาณความละเอียดทางกายภาพสะท้อนแผงจริง หมุนอุปกรณ์แล้วคุณจะเห็นทิศทาง อัตราส่วนภาพ และทั้งสองมิติสลับกันแบบเรียลไทม์ พื้นที่ที่ใช้งานได้บนมือถือจะหักแถบสถานะและแถบนำทางของระบบออก

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

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

ไม่มีคำตอบเดียวที่ดีที่สุด เพราะความละเอียดที่เหมาะสมขึ้นกับขนาดแผงและระยะการมอง ตามแนวทางปฏิบัติ 1920 × 1080 ยังเป็นความละเอียดเดสก์ท็อปที่ใช้แพร่หลายที่สุด 2560 × 1440 เหมาะกับจอ 27 นิ้วขึ้นไป และ 3840 × 2160 เหมาะกับจอ 32 นิ้วขึ้นไปซึ่งความหนาแน่นพิกเซลที่สูงกว่าจะใช้ประโยชน์ได้จริง บนแล็ปท็อป แผงที่หนาแน่นกว่าประกอบกับการสเกลของระบบมักให้ข้อความคมชัดกว่าแผงความละเอียดต่ำที่ใช้ 100%

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