วิธีการตรวจสอบขนาดรูปที่หน้าเว็บไซต์
รูปต่าง ๆ ที่แสดงบนหน้าเว็บไซต์จะมีขนาดแตกต่างกัน หากต้องการเปลี่ยนรูปแทนตำแหน่งเดิมควรตรวจสอบขนาดรูปก่อนนำมาแทนรูปเดิม เพื่อแสดงรูปภาพได้อย่างสวยงาม
วิธี 1 ตำแหน่ง banner ที่สามารถเซพรูปเดิมออกมาได้ ให้ดู ขนาด Dimension ของรูป ขนาดกว้าง x ยาว เช่น 1980 px x 1080 px และเตรียมรูปให้เท่าเดิม
วิธี 2 ในบางตำแหน่งไม่สามารถเซพรูปได้
(ตัวอย่าง รูปที่แสดงบนหน้าเว็บไซต์ ตามรูปด้านบน ส่วนใหญ่ banner ที่มี Script ต้องใช้วิธีการตรวจสอบขนาดรูปด้วยวิธีนี้)
มีวิธีการดังนี้
1. กดคลิกขวาที่พื้นที่ว่างบนหน้าเว็บไซต์ แล้วเลือก "Inspect"
2. กดที่ไอคอนลูกศรที่ตำแหน่งตามรูป เมื่อกดคลิกไอคอนจะเปลี่ยนสีเป็นสีฟ้า
3. เลื่อนเมาส์ไปตำแหน่งรูปที่ต้องการ จะขึ้นพื้นสีฟ้าทับกับรูป และมีหน้าต่างแสดงขนาดรูปขึ้นมา
(จากรูปตัวอย่างด้านล่าง ขนาดรูปคือ 1440 x 514 pixel)
**** ข้อแนะนำ เพื่อความคมชัดของ banner สามารถเตรียมไฟล์ ให้ขนาดเป็น 2 เท่าของไซส์ ที่แสดง คือ 2880 x 1028 px เพื่อให้สามารถแสดงรูปได้ชัดในกรณีที่
บางหน้าจอของผู้ใช้งานมีความละเอียดสูง สามารถกำหนดในตำแหน่ง banner สำคัญๆ หรือ หน้าแรก และ ไม่จำเป็นต้องทำทุกตำแหน่ง
*หมายเหตุรูปที่ใช้ควรมีการปรับแต่งให้มีขนาด 100k-500kb เป็นขนาดรูปที่แนะนำ และไม่ควรเกิน 1M เพื่อประสิทธิภาพในการโหลดเว็บและเสริมเรื่องการทำ SEO