เริ่มจากขนาดที่หน้าเว็บใช้งานจริง
ภาพเต็มความกว้างหน้าจอกับภาพการ์ดเล็กไม่จำเป็นต้องใช้ไฟล์เท่ากัน ให้ผู้ทำเว็บระบุพื้นที่แสดงผลและรองรับจอความละเอียดสูงอย่างเหมาะสม แยกต้นฉบับไว้ก่อนย่อภาพเสมอ หากต้องครอปภาพสินค้าหลายสัดส่วน ควรจัดตำแหน่งสินค้าให้มีพื้นที่สำหรับแต่ละตำแหน่งตั้งแต่ต้น
เลือกไฟล์จากภาพและระบบที่รองรับ
JPEG เหมาะกับภาพถ่ายหลายกรณี ส่วน PNG ใช้เมื่อจำเป็นต้องรักษาความโปร่งใสหรือรายละเอียดแบบไม่สูญเสีย WebP และ AVIF เป็นอีกทางเลือกสำหรับเว็บที่รองรับ Google ระบุว่ารองรับรูปแบบเหล่านี้ในการค้นหารูปภาพ แต่การเปลี่ยนนามสกุลอย่างเดียวไม่ได้ทำให้อันดับดีขึ้น ต้องตรวจความคมชัดและน้ำหนักไฟล์ร่วมกัน
ตั้งชื่อไฟล์และเขียน Alt Text ตามภาพ
ตั้งชื่อให้บอกสิ่งที่เห็น เช่น ภาพแก้วกาแฟรุ่นที่ต้องการขาย แทนชื่อไฟล์จากกล้องที่ไม่สื่อความหมาย Alt Text ควรอธิบายสาระสำคัญของภาพในบริบทของหน้าอย่างกระชับ ไม่ใส่รายการคำค้นต่อกัน หากภาพเป็นของตกแต่งล้วน ผู้พัฒนาเว็บควรตั้งค่าตามหน้าที่เพื่อไม่รบกวนการอ่านด้วยเทคโนโลยีช่วยเหลือ
ตรวจจากมือถือและเครือข่ายจริง
เปิดหน้าที่มีหลายภาพแล้วดูว่าภาพสำคัญปรากฏเร็วและยังเห็นรายละเอียดที่จำเป็นหรือไม่ อย่าใช้ภาพที่มีข้อความทั้งหมดแทนเนื้อหาหน้าเว็บ เพราะคนอ่านอาจขยายหรือค้นข้อความได้ยาก งานแบนเนอร์ควรมีข้อความสำคัญในระบบหน้าเว็บด้วย และตรวจว่าการครอปจอแคบไม่ซ่อนสินค้าหรือจุดติดต่อ
เช็กลิสต์ก่อนเริ่มงาน
- เก็บต้นฉบับก่อนลดขนาด
- เลือกรูปแบบที่เว็บรองรับ
- คำอธิบายภาพตรงกับภาพจริง
- ตรวจคุณภาพและการครอปบนมือถือ
แหล่งอ้างอิง
อ้างอิงหลักการจากแหล่งข้อมูลด้านล่าง และเรียบเรียงตัวอย่างการเตรียมงานสำหรับธุรกิจขึ้นใหม่ ข้อกำหนดแพลตฟอร์มและผู้ผลิตควรตรวจอีกครั้งก่อนใช้งานจริง
ตรวจสอบแหล่งข้อมูลเมื่อ 16 ตุลาคม 2569
อยากทำงานแบบนี้ให้แบรนด์ของคุณ?
ส่งประเภทงาน ขนาด และรายละเอียดมาคุยขอบเขตกับเราได้เลย
บรีฟงาน ↗ดูผลงานที่เกี่ยวข้อง ↗