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

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

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

พิกเซลจริงกับพิกเซลแบบ CSS

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

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

การปรับสเกลของระบบปฏิบัติการ

ส่วนใหญ่อัตราส่วนนี้มาจากการปรับสเกลการแสดงผลของระบบปฏิบัติการ บน Windows คือการตั้งค่า Scale ในการตั้งค่าการแสดงผล บน macOS ตัวเลือกความละเอียดของจอจะควบคุมว่าส่วนติดต่อผู้ใช้จะได้พื้นที่มากหรือน้อยเพียงใด แผง 4K มีพิกเซลจริง 3840 × 2160 เมื่อตั้งการปรับสเกลเป็น 200 เปอร์เซ็นต์ ส่วนติดต่อผู้ใช้จะได้พื้นที่เท่ากับ 1920 × 1080 และเบราว์เซอร์บนหน้าจอนั้นจะแสดง 1920 × 1080 พิกเซลแบบ CSS โดยมีอัตราส่วนเป็น 2

การคำนวณนั้นง่าย ๆ คือนำขนาดจริงหารด้วยตัวคูณการปรับสเกล

แผงหน้าจอ พิกเซลจริง	การปรับสเกล	ขนาดหน้าจอเป็นพิกเซลแบบ CSS	อัตราส่วน
3840 × 2160	100 เปอร์เซ็นต์	3840 × 2160	1
3840 × 2160	150 เปอร์เซ็นต์	2560 × 1440	1.5
3840 × 2160	200 เปอร์เซ็นต์	1920 × 1080	2
1920 × 1080	100 เปอร์เซ็นต์	1920 × 1080	1

ค่าการปรับสเกลบางค่าหารลงตัวไม่พอดี เบราว์เซอร์จึงปัดเศษผลลัพธ์ หากตัวเลขต่างจากที่คุณคำนวณเองไปหนึ่งพิกเซล ถือว่าเป็นเรื่องปกติ

การซูมของเบราว์เซอร์ทำให้ตัวเลขเปลี่ยน

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

การซูมเป็นสาเหตุที่พบบ่อยที่สุดที่ทำให้การตรวจสองครั้งได้ตัวเลขต่างกัน หากตัวเลขดูผิด ให้ตรวจระดับการซูมก่อน แล้วกด Ctrl+0 หรือ Cmd+0 บน Mac เพื่อกลับสู่ 100 เปอร์เซ็นต์

หน้าจอ พื้นที่ใช้งานของหน้าจอ และหน้าต่าง

มีขนาดสามแบบที่มักทำให้สับสนได้ง่าย

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

เมื่อเว็บไซต์ขอขนาดหน้าจอของคุณ มักหมายถึงหน้าจอหรือหน้าต่าง ควรตรวจก่อนว่าเว็บต้องการค่าไหน แล้วค่อยคัดลอกตัวเลข

อัตรารีเฟรช HDR และสี

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

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

หาตัวเลขในระบบของคุณ

หากต้องการตรวจค่าที่ระบบใช้จริง ให้เปิดการตั้งค่าการแสดงผล บน Windows 11 ไปที่ Settings จากนั้นเลือก System แล้วเลือก Display และดูที่ Display resolution บน macOS เปิด System Settings แล้วเลือก Displays ทั้งสองแบบจะแสดงความละเอียดหลังปรับสเกลและตัวเลือกที่มีให้

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

วิธีใช้งานกับ fixmint

1. เปิดเครื่องมือตรวจความละเอียดหน้าจอ ตัวเลขที่อยู่ด้านบนสุด ซึ่งแสดงว่า "หน้าจอของคุณเป็นพิกเซลแบบ CSS" คือผลลัพธ์
2. เทียบกับ "พิกเซลจริง (ค่าโดยประมาณ)" และ "อัตราส่วนพิกเซลของอุปกรณ์" หากอัตราส่วนมากกว่า 1 แสดงว่าระบบหรือเบราว์เซอร์กำลังปรับสเกลภาพ
3. ปรับขนาดหน้าต่างเบราว์เซอร์หรือเปลี่ยนระดับการซูม แล้วดูค่า "หน้าต่างเบราว์เซอร์ (แบบสด)" ที่เปลี่ยนไป กด Ctrl+0 หรือ Cmd+0 บน Mac เพื่อกลับสู่ 100 เปอร์เซ็นต์
4. อ่านค่า "อัตรารีเฟรช (วัดได้ โดยประมาณ)" และกด Measure refresh rate อีกครั้ง หากค่าที่ได้ดูผิดปกติ
5. กด Copy all เพื่อคัดลอกค่าทั้งหมดก่อนวางลงในแบบฟอร์มขอความช่วยเหลือ

คำตอบสั้น ๆ

ทำไมจอของฉันแสดงความละเอียดต่ำกว่าที่มีจริง?

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

การซูมของเบราว์เซอร์เปลี่ยนความละเอียดหน้าจอของฉันหรือไม่?

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

อัตรารีเฟรชแม่นยำหรือไม่?

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