ความละเอียดของเว็บเพจเป็นเรื่องใหญ่ เว็บไซต์หลายแห่งที่สอนการออกแบบเว็บได้เขียนขึ้นเกี่ยวกับเรื่องนี้และขึ้นอยู่กับว่าคุณต้องการใครบ้างคุณควรออกแบบหน้าเว็บให้เป็นตัวหารร่วมที่ต่ำสุด (640x480) ความละเอียดที่พบมากที่สุด (800x600) หรือสุดยอดการตัดขอบ (1280x1024 หรือ 1024x768) แต่ความจริงก็คือคุณควรออกแบบเว็บไซต์ของคุณสำหรับลูกค้าที่เข้ามา
ข้อเท็จจริงเกี่ยวกับความละเอียดหน้าจอ
- 640x480 ยังไม่ตาย
- แม้ว่าความละเอียด 640x480 จะไม่เป็นที่แพร่หลายเท่าที่เคยเป็นมา แต่ความละเอียดนี้ยังคงอยู่ คอมพิวเตอร์เครื่องเก่าแล็ปท็อปที่มีหน้าจอขนาดเล็กเน็ตบุ๊คและผู้ที่ต้องการใช้แบบอักษรขนาดใหญ่ทั้งหมดนี้ใช้ความละเอียดนี้ แม้ว่าคุณจะเลือกที่จะไม่ออกแบบหน้าเว็บเพื่อใช้ความละเอียดนี้คุณควรทดสอบไซต์ด้วยความละเอียดนี้
- 800x600 เป็นเรื่องธรรมดามาก
- คำแนะนำการออกแบบเว็บไซต์จำนวนมากแนะนำให้ออกแบบเว็บไซต์สำหรับความละเอียด 800x600 แม้ว่าความละเอียดนี้จะมีอยู่ทั่วไปในเว็บโดยทั่วไป แต่นี่อาจไม่ใช่กรณีสำหรับลูกค้าของคุณ หากคุณวางแผนที่จะออกแบบเว็บไซต์ของคุณอีกครั้งให้ใช้เวลา 2-3 สัปดาห์ในการวิเคราะห์สถิติเบราว์เซอร์ของคุณเพื่อพิจารณาความละเอียดที่ใช้กันโดยทั่วไป ของคุณ ลูกค้า
- 1024x768 เป็นแบบทั่วไปมากขึ้น
- หน้าจอมีขนาดใหญ่ขึ้นและ 1024x768 เป็นขนาดยอดนิยมอื่น ๆ ที่ออกแบบมาเนื่องจากนักออกแบบหลายคนมีจอภาพที่สนับสนุน natively นี้ แต่ความละเอียดนี้อาจค่อนข้างอ่านยากสำหรับคนจำนวนมาก จอภาพแล็ปท็อปขนาด 14 นิ้วอาจสนับสนุน 1024x768 แต่ข้อความไม่สามารถอ่านได้ และแล็ปท็อปเป็นที่นิยมอย่างมาก
- 1280x1024 และใหญ่กว่ามีน้อย
- ส่วนใหญ่คุณจะเห็นความละเอียดขนาดใหญ่เหล่านี้บนคอมพิวเตอร์เดสก์ท็อปหรือแล็ปท็อประดับไฮเอนด์ แต่บ่อยครั้งที่มีขนาดใหญ่กว่านี้ลูกค้าจะไม่เรียกดูแบบเต็มหน้าจอ ดังนั้นการออกแบบไซต์ที่กว้างกว่า 1000 พิกเซลจะทำให้แถบเลื่อนแนวนอนปรากฏบนหน้าจอส่วนใหญ่
เก็บคำอธิบายความละเอียดเหล่านี้ไว้ในใจ
- ทุกคนไม่เพิ่มเบราเซอร์ของตนมากที่สุด
- หากคุณระบุว่าลูกค้าของคุณเรียกดูที่ 1024x768 คุณอาจกำลังสร้างหน้าเว็บที่ต้องเลื่อนแนวนอน ทำไม? เนื่องจากขณะที่กำลังเรียกดูที่ความละเอียดพวกเขาไม่ได้เพิ่มหน้าต่างเบราว์เซอร์ของพวกเขาดังนั้น 800x600 อาจพอดีกับหน้าต่างเบราเซอร์ของพวกเขาได้ดีขึ้น
- อย่าลืมเบราเซอร์โครเมี่ยม (ไม่ใช่เบราว์เซอร์ Google Chrome)
- เบราว์เซอร์จะลบ 50 พิกเซลทางด้านขวาและซ้ายและ 200 พิกเซลที่ด้านบนและด้านล่างเพื่อใช้กับสิ่งต่างๆเช่นแถบเลื่อนแถบเครื่องมือและคอนเทนเนอร์ของหน้าต่าง นี้เรียกว่าโครเมี่ยมเบราว์เซอร์ ดังนั้นหากคุณสร้างตารางที่กว้าง 800 พิกเซลลูกค้าที่มีเบราว์เซอร์ที่มีขนาดใหญ่ที่สุดบนหน้าจอความละเอียด 800x600 จะต้องเลื่อนตามแนวนอน
วิธีการจัดการขนาดหน้าจอขึ้นอยู่กับความละเอียด
-
กำหนดผู้ที่ดูไซต์ของคุณ: ตรวจสอบไฟล์บันทึกของเว็บหรือโพลหรือสคริปต์เพื่อกำหนดความละเอียดที่ผู้อ่านของคุณใช้จริง ใช้สคริปต์ขนาดเบราว์เซอร์ในโลกแห่งความจริงเพื่อติดตามผู้อ่านของคุณ
-
สร้างพื้นฐานใหม่ให้กับลูกค้าของคุณ:เมื่อคุณออกแบบเว็บไซต์ของคุณใหม่ให้สร้างตามข้อเท็จจริงของเว็บไซต์ของคุณ อย่าใช้ข้อมูลสถิติของ "เว็บ" หรือไซต์อื่น ๆ พูด หากคุณสร้างเว็บไซต์ที่เหมาะกับความละเอียดที่ลูกค้าใช้คุณจะทำให้พวกเขามีความสุขมากขึ้น
-
ทดสอบไซต์ของคุณด้วยความละเอียดต่างๆ:เปลี่ยนขนาดหน้าจอของคุณเอง (เปลี่ยนความละเอียดหน้าจอของ Windows หรือความละเอียดหน้าจอของ Macintosh) หรือใช้เครื่องมือทดสอบ
-
อย่าหวังว่าลูกค้าของคุณจะเปลี่ยน: พวกเขาจะไม่ และการวางข้อ จำกัด ในพวกเขาเพียงแค่สนับสนุนให้พวกเขาออกไป
