Utilore

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

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

ทุกอย่างด้านล่างอ่านมาจากเบราว์เซอร์ของคุณเอง ลองปรับขนาดหน้าต่างดู ตัวเลขจะเปลี่ยนตาม

— หน้าจอ พิกเซล CSS

หน้าจอ พิกเซลจริง
—
ความหนาแน่นพิกเซล
—
อัตราส่วนภาพ
—
เมกะพิกเซล
—
พื้นที่หน้าเว็บ
—
หน้าต่างเบราว์เซอร์
—
ความลึกสี
—
อัตรารีเฟรช
—
การวางแนว
—

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

ใกล้เคียง: ทดสอบคีย์บอร์ด, ทดสอบไมโครโฟน, ทดสอบเว็บแคม, IP ของฉันคืออะไร

วิธีใช้

  1. ตัวเลขใหญ่คือหน้าจอของคุณในหน่วยพิกเซล CSS ซึ่งเป็นหน่วยที่เบราว์เซอร์ใช้ทำงาน
  2. «หน้าจอ พิกเซลจริง» คือตัวเลขนั้นคูณด้วยความหนาแน่นพิกเซล นี่คือตัวเลขที่พิมพ์อยู่บนกล่องจอมอนิเตอร์
  3. «พื้นที่หน้าเว็บ» คือส่วนที่หน้าเว็บได้ใช้จริง คือหน้าต่างหักด้วยแถบเครื่องมือและแถบเลื่อน ตัวเลขนี้คือตัวเลขที่ควรใช้ตอบเวลาเว็บถามว่าคุณดูอยู่ที่ความละเอียดเท่าไร
  4. ลองย่อขยายหน้าต่างเบราว์เซอร์หรือหมุนโทรศัพท์เป็นแนวนอน แล้วดูว่าตัวเลขไหนเปลี่ยนและตัวเลขไหนไม่เปลี่ยน

สิ่งที่ควรรู้

ทำไมเบราว์เซอร์บอก 390×844 แต่บนกล่องเขียน 1170×2532

เพราะทั้งสองนับคนละอย่าง เบราว์เซอร์รายงานเป็นพิกเซล CSS ซึ่งเป็นหน่วยของขนาดที่ตาเห็น เพื่อให้ตัวอักษรอ่านออกได้เท่ากันบนทุกจอ ส่วนกล่องนับจุดจริงบนแผงจอ หน้าจอโทรศัพท์สมัยใหม่อัดจุดจริงสามจุดลงในหนึ่งพิกเซล CSS นั่นคือความหมายของบรรทัดความหนาแน่นพิกเซล ที่ความหนาแน่นเท่ากับ 3 หน้าจอกว้าง 390 จึงมีจุดจริงตามแนวกว้าง 1170 จุด บนเครื่องเดสก์ท็อป ผลแบบเดียวกันมาจากการปรับสเกลการแสดงผล ตั้ง Windows ไว้ที่ 125 % แล้วจอ 1920 พิกเซลจะรายงานเป็น 1536 ให้เบราว์เซอร์ ตัวเลขทั้งสองจริงทั้งคู่ เพียงแต่ตอบคนละคำถาม

สามขนาด และคุณต้องการอันไหน

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

อัตรารีเฟรชได้มาจากการวัด ไม่ใช่จากการถาม

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

คำถามที่พบบ่อย

ความละเอียดหน้าจอของฉันคือเท่าไร

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

ทำไมจอ 4K ของฉันแสดงเป็น 2560×1440

เป็นเพราะการปรับสเกลการแสดงผล ที่สเกล 150 % จอ 3840 พิกเซลจะรายงานเป็น 2560 ให้แอปพลิเคชัน เพื่อไม่ให้ตัวอักษรและปุ่มเหลือเพียงหนึ่งในสามของขนาดที่ควรเป็น แผงจอยังมีจุดจริง 3840 จุดอยู่ดี บรรทัด «พิกเซลจริง» แสดงค่านั้นให้ดู

ถ้าซูมหน้าเว็บ พื้นที่หน้าเว็บจะเปลี่ยนไหม

เปลี่ยน และเป็นเรื่องปกติ เพราะการซูมเปลี่ยนจำนวนพิกเซล CSS ที่ใส่ลงบนหน้าจอได้ พอซูมเข้า พื้นที่หน้าเว็บในหน่วยพิกเซล CSS ก็เล็กลงทั้งที่หน้าต่างไม่ได้ขยับเลย ส่วนบรรทัดหน้าจอไม่เปลี่ยน

อัตรารีเฟรชดูไม่ถูกต้อง

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

ข้อมูลเหล่านี้ถูกส่งออกไปที่ไหนไหม

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

เครื่องมือที่เกี่ยวข้อง