รายละเอียดหน้าจอและหน้าต่าง
ขนาดทั้งหมดเป็นพิกเซล CSS ซึ่งเป็นหน่วยที่เว็บไซต์ใช้ เว้นแต่จะระบุไว้ ตั้งการซูมของเบราว์เซอร์เป็น 100% (Ctrl+0 หรือ ⌘0 บน Mac) เพื่อให้ได้ตัวเลขที่แม่นยำ
- ความละเอียดหน้าจอ
- กำลังตรวจ… ขนาดหน้าจอที่เว็บไซต์มองเห็น
- ความละเอียดจริง
- กำลังตรวจ…ความละเอียดหน้าจอ × อัตราส่วนพิกเซลของอุปกรณ์ คือพิกเซลจริงบนแผงจอ
- Viewport (หน้าต่างเบราว์เซอร์)
- กำลังตรวจ… ส่วนของหน้าเว็บที่คุณมองเห็น ไม่รวมแถบเครื่องมือ
- หน้าต่างเบราว์เซอร์ทั้งหมด
- กำลังตรวจ…
- พื้นที่หน้าจอที่ใช้ได้
- กำลังตรวจ…หน้าจอทั้งหมดลบด้วยแถบงาน, Dock หรือแถบเมนู
- อัตราส่วนพิกเซลของอุปกรณ์
- กำลังตรวจ…
- อัตราส่วนภาพ
- กำลังตรวจ…
- แนวหน้าจอ
- กำลังตรวจ…
- ความลึกสี
- กำลังตรวจ…
- ขอบเขตสี
- กำลังตรวจ…
- HDR
- กำลังตรวจ…
- รีเฟรชเรต
- กำลังตรวจ…
- หน้าจอสัมผัส
- กำลังตรวจ…
- จอภาพ
- กำลังตรวจ…
ตำแหน่ง Viewport บนหน้าจอของคุณ
กรอบนอกคือหน้าจอของคุณ ส่วนกรอบที่แรเงาคือส่วนที่มองเห็นได้ของหน้านี้ ซึ่งเป็นตำแหน่งที่หน้าต่างเบราว์เซอร์ของคุณอยู่
ความละเอียดหน้าจอที่พบบ่อย
ขนาดของจอคอมและโน้ตบุ๊กเป็นพิกเซลจริง ส่วนมือถือและแท็บเล็ตเป็นพิกเซล CSS ตามที่เว็บไซต์มองเห็น แถวที่ตรงกับหน้าจอของคุณจะถูกทำเครื่องหมายไว้
| ชื่อ | ความละเอียด | อัตราส่วนภาพ | การใช้งานทั่วไป |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | ทีวี HD, โน้ตบุ๊กจอเล็ก |
| WXGA | 1366 × 768 | 16:9 | โน้ตบุ๊กราคาประหยัด |
| HD+ | 1600 × 900 | 16:9 | โน้ตบุ๊ก 17 นิ้ว, จอรุ่นเก่า |
| Full HD (1080p) | 1920 × 1080 | 16:9 | จอคอมและโน้ตบุ๊กส่วนใหญ่ |
| WUXGA | 1920 × 1200 | 16:10 | จอสำนักงาน, โน้ตบุ๊ก |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | จอ 27 นิ้ว, เล่นเกม |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air และ Pro, โน้ตบุ๊ก 16:10 |
| UWQHD | 3440 × 1440 | 21:9 | จออัลตร้าไวด์ 34 นิ้ว |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | จอคอมและทีวี 4K |
| 5K | 5120 × 2880 | 16:9 | iMac, Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (พิกเซล CSS) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (พิกเซล CSS) |
| Android | 412 × 915 | 20:9 | มือถือ Android (พิกเซล CSS) |
| iPad | 810 × 1080 | 4:3 | iPad (พิกเซล CSS) |
ความละเอียดหน้าจอคืออะไร
ความละเอียดหน้าจอคือจำนวนพิกเซลที่จอแสดงผลในแนวนอนและแนวตั้ง เขียนเป็นกว้าง × สูง จอ Full HD มีความละเอียด 1920 × 1080 คือกว้าง 1,920 พิกเซลและสูง 1,080 พิกเซล รวมประมาณสองล้านพิกเซล
บนหน้าจอขนาดเท่ากัน ยิ่งมีพิกเซลมาก ตัวอักษรและภาพก็ยิ่งคมชัด นี่คือเหตุผลที่โน้ตบุ๊ก 13 นิ้วอาจมีความละเอียดสูงกว่าจอสำนักงาน 24 นิ้ว
ทำไมความละเอียดที่เช็คได้ต่ำกว่าความละเอียดจอ
Windows, macOS, iOS และ Android จะขยายทุกอย่างให้ใหญ่ขึ้นเพื่อให้อ่านตัวอักษรบนจอความละเอียดสูงได้สบายตา โน้ตบุ๊กที่ใช้แผงจอ 1920 × 1080 และตั้งสเกลไว้ 125% จะบอกเว็บไซต์ว่าหน้าจอมีขนาด 1536 × 864 ส่วน MacBook ที่ใช้แผงจอ 2560 × 1600 มักรายงานเป็น 1440 × 900 หรือ 1470 × 956
เว็บไซต์มองเห็นเฉพาะขนาดหลังปรับสเกลนี้ ซึ่งเรียกว่าพิกเซล CSS นำไปคูณกับอัตราส่วนพิกเซลของอุปกรณ์ก็จะได้ความละเอียดจริง ซึ่งหน้านี้แสดงไว้ใต้ตัวเลขหลัก การซูมเบราว์เซอร์ก็เปลี่ยนอัตราส่วนพิกเซลด้วย จึงควรรีเซ็ตการซูมเป็น 100% ก่อนเปรียบเทียบ
ความละเอียดหน้าจอ, Viewport และขนาดหน้าต่าง
- ความละเอียดหน้าจอ: ทั้งจอแสดงผล รวมส่วนที่หน้าต่างอื่นบังอยู่
- พื้นที่หน้าจอที่ใช้ได้: จอแสดงผลลบด้วยแถบงาน, Dock หรือแถบเมนู
- หน้าต่างเบราว์เซอร์: ทั้งหน้าต่าง รวมแท็บ แถบที่อยู่ และขอบหน้าต่าง
- Viewport: ส่วนของหน้าต่างที่แสดงหน้าเว็บ เป็นขนาดที่นักออกแบบเว็บใช้ทดสอบเลย์เอาต์ และจะเปลี่ยนเมื่อคุณปรับขนาดหน้าต่างหรือเปิดเครื่องมือสำหรับนักพัฒนา
วิธีเปลี่ยนความละเอียดหน้าจอ
- Windows 11 และ 10: คลิกขวาที่เดสก์ท็อป > การตั้งค่าการแสดงผล > ความละเอียดของจอแสดงผล ตัวเลือกที่มีคำว่า (แนะนำ) คือความละเอียดดั้งเดิมของจอ ส่วนการปรับสเกลอยู่ถัดขึ้นไปด้านบน
- macOS: เมนู Apple > การตั้งค่าระบบ > จอภาพ แล้วเลือกขนาด ตัวเลือกที่ตัวอักษรใหญ่ขึ้นจะใช้พิกเซล CSS น้อยลงแต่ใหญ่ขึ้น ส่วนความละเอียดจริงของแผงจอยังเท่าเดิม
- iPhone และ Android: ความละเอียดตายตัวเปลี่ยนไม่ได้ การซูมจอภาพ (iPhone) หรือขนาดการแสดงผล (Android) เปลี่ยนแค่ขนาดของสิ่งต่าง ๆ บนจอ ซึ่งทำให้ขนาด CSS ที่เว็บไซต์เห็นเปลี่ยนไปด้วย
- ถ้าต้องการภาพที่คมชัดที่สุด ให้ใช้ความละเอียดดั้งเดิมแล้วปรับสเกลแทน
คำถาม
หน้าจอของฉันความละเอียดเท่าไหร่?
ดูได้ที่ด้านบนสุดของหน้านี้ ซึ่งอ่านมาจากเบราว์เซอร์ของคุณ ตัวเลขใหญ่คือขนาดที่เว็บไซต์มองเห็น ส่วนบรรทัดด้านล่างบอกความละเอียดจริงของจอและสเกลที่ระบบของคุณใช้อยู่
ทำไมขึ้น 1536 × 864 ทั้งที่จอเป็น 1920 × 1080?
เพราะระบบของคุณตั้งสเกลไว้ที่ 125% เว็บไซต์จึงเห็นหน้าจอเล็กลง 1.25 เท่า ความละเอียดจริงยังเป็น 1920 × 1080 ตามที่แสดงใต้ตัวเลขหลัก ในทำนองเดียวกัน สเกล 150% จะทำให้ 1920 × 1080 กลายเป็น 1280 × 720
1920 × 1080 คือ 1080p และ 2K หรือเปล่า?
1920 × 1080 คือ Full HD หรือเรียกว่า 1080p สำหรับจอคอม 2K มักหมายถึง 2560 × 1440 (QHD หรือ 1440p) แต่ 2K ในวงการภาพยนตร์คือ 2048 × 1080 ส่วน 4K UHD คือ 3840 × 2160 มีพิกเซลมากกว่า 1080p สี่เท่า
ขนาด Viewport คืออะไร?
Viewport คือพื้นที่ในหน้าต่างเบราว์เซอร์ที่แสดงหน้าเว็บ ไม่รวมแท็บ แถบที่อยู่ และแถบเลื่อน เว็บไซต์แบบ Responsive ปรับตัวตามขนาดนี้ เวลานักออกแบบถามขนาดเบราว์เซอร์ของคุณ ก็หมายถึงขนาดนี้
อัตราส่วนพิกเซลของอุปกรณ์คืออะไร?
คือจำนวนพิกเซลจริงที่ประกอบเป็นหนึ่งพิกเซล CSS ค่า 1 หมายถึงไม่มีการปรับสเกล ค่า 2 พบได้ทั่วไปใน Mac จอ Retina และมือถือหลายรุ่น ส่วน iPhone รุ่นใหม่ ๆ เป็น 3 การซูมเบราว์เซอร์ก็เปลี่ยนค่านี้ได้
เช็คความละเอียดหน้าจอมือถือได้อย่างไร?
เปิดหน้านี้บนมือถือ มือถือจะรายงานเป็นพิกเซล CSS เช่น 393 × 852 บน iPhone 15 คูณด้วยอัตราส่วนพิกเซล (3 บน iPhone รุ่นนั้น) จะได้ 1179 × 2556 พิกเซลของแผงจอ ซึ่งหน้านี้คำนวณให้คุณแล้ว
รีเฟรชเรตที่แสดงแม่นยำไหม?
ค่านี้วัดจากความถี่ที่เบราว์เซอร์วาดเฟรม จึงใกล้เคียงแต่ไม่แม่นยำทั้งหมด โหมดประหยัดแบตเตอรี่ แท็บที่ทำงานเบื้องหลัง หรือคอมพิวเตอร์ที่ทำงานหนักอยู่ อาจทำให้ค่าที่วัดได้ต่ำกว่าค่าที่ตั้งไว้ของจอ
คู่มือ
- IP Address คืออะไร?
IP Address คือหมายเลขที่บอกอินเทอร์เน็ตว่าต้องส่งข้อมูลมาที่ไหน มาดูกันว่าหน้าตาเป็นอย่างไร มีกี่ประเภท และ IP ของคุณเปิดเผยอะไรบ้าง
- วิธีเช็ค IP Address ของคุณ
IP สาธารณะเช็คได้ในคลิกเดียว ส่วน IP ส่วนตัวขึ้นอยู่กับอุปกรณ์ นี่คือขั้นตอนของแต่ละเครื่อง
- IPv4 กับ IPv6 ต่างกันอย่างไร?
IPv6 มาแทน IPv4 เพราะโลกใช้ที่อยู่หมดแล้ว มาดูว่าทั้งสองต่างกันอย่างไร จะรู้ได้อย่างไรว่าใช้แบบไหน และทำไม IPv6 จึงสำคัญถ้าคุณใช้ VPN
- DNS Leak คืออะไร และแก้อย่างไร?
แม้จะเปิด VPN อยู่ อุปกรณ์ของคุณอาจยังถาม ISP ทุกครั้งที่เข้าเว็บไซต์ นั่นคือ DNS Leak มาดูวิธีตรวจจับและหยุดมัน