รูปภาพบนเว็บ: ขนาด ฟอร์แมต และ alt text ที่ควรใช้

รูปเดียวขนาด 4MB ทำให้หน้าเว็บช้ากว่าทุกสคริปต์รวมกัน

ย่อขนาดก่อนอัปโหลดเสมอ#

ความกว้างที่พอสำหรับเว็บส่วนใหญ่คือ 1600px สำหรับภาพเต็มจอ และ 800px สำหรับภาพในเนื้อหา ไฟล์ควรต่ำกว่า 300KB

เลือกฟอร์แมตให้ถูก#

• WebP — ตัวเลือกหลักในปัจจุบัน ขนาดเล็กกว่า JPEG ราว 25–35%
• JPEG — ภาพถ่ายทั่วไป เมื่อต้องรองรับระบบเก่า
• PNG — เฉพาะภาพที่ต้องการพื้นหลังโปร่งใส
• SVG — โลโก้และไอคอน

ระบุขนาดรูปในโค้ดเสมอ#

ช่วยไม่ให้หน้าเว็บ "กระโดด" ตอนโหลด ซึ่งเป็นค่าที่ Google ใช้วัดประสบการณ์ผู้ใช้ (CLS)

เขียน alt text ให้มีประโยชน์#

อธิบายสิ่งที่อยู่ในภาพอย่างสั้น ๆ เช่น "ห้องพักเตียงคู่พร้อมระเบียงวิวทะเล" ไม่ใช่ "รูป1" และไม่ใช่การยัดคีย์เวิร์ด

ตั้งชื่อไฟล์ให้สื่อความ#

“deluxe-sea-view-room.jpg” ดีกว่า “IMG_20260919.jpg” ทั้งต่อการค้นหารูปและการจัดการไฟล์เอง

โหลดแบบ lazy สำหรับรูปที่อยู่ล่าง#

รูปที่ยังไม่อยู่ในหน้าจอไม่ควรโหลดทันที ช่วยให้หน้าแรกแสดงผลเร็วขึ้นชัดเจน