วิธีปรับแต่งรูปภาพสินค้าสำหรับร้านค้าออนไลน์

ผลกระทบต่ออัตราการแปลง

รูปภาพสินค้าคุณภาพสูงสามารถเพิ่มอัตราการแปลงได้ถึง 30% ผู้ซื้อต้องการเห็นสินค้าจากหลายมุม เห็นรายละเอียด และมีฟีเจอร์ zoom เพื่อประกอบการตัดสินใจ การมีรูปภาพที่ดีช่วยลดอัตราการคืนสินค้าด้วย

ในทางกลับกัน หน้าสินค้าที่โหลดช้าเพราะรูปภาพหนักเกินไปทำให้เสียลูกค้า การศึกษาพบว่าทุก 1 วินาทีที่หน้าโหลดช้าลงทำให้อัตราการแปลงลดลง 7% การปรับแต่งรูปภาพจึงส่งผลดีทั้งสองทาง

ขนาดที่แนะนำสำหรับสินค้า

รูปหลักของสินค้าควรมีขนาดอย่างน้อย 1000x1000 พิกเซล เพื่อรองรับฟีเจอร์ zoom ที่ช่วยให้ผู้ซื้อเห็นรายละเอียด สำหรับจอ Retina แนะนำ 2000x2000 พิกเซล อัตราส่วน 1:1 (สี่เหลี่ยมจัตุรัส) เป็นมาตรฐานที่ใช้ได้กับ marketplace ส่วนใหญ่

thumbnail ในหน้าแคตาล็อกควรอยู่ที่ 300–400 พิกเซล ใช้ srcset เพื่อให้เบราว์เซอร์เลือกขนาดที่เหมาะสมโดยอัตโนมัติ แทนที่จะโหลดรูปใหญ่มาแสดงขนาดเล็ก

การปรับแต่งเพื่อความเร็ว

หน้าแคตาล็อกที่มีสินค้าหลายร้อยรายการต้องการ lazy loading อย่างเด็ดขาด ใช้ CDN เพื่อให้รูปภาพโหลดจากเซิร์ฟเวอร์ใกล้ผู้ใช้ที่สุด และแปลงรูปเป็น WebP สำหรับเบราว์เซอร์ที่รองรับ

ระดับการบีบอัดที่เหมาะสมสำหรับสินค้าอยู่ที่ 75–85% ซึ่งยังคงความคมชัดในระดับที่ผู้ซื้อสามารถตัดสินใจได้ แต่ขนาดไฟล์เล็กพอให้โหลดเร็ว ทดสอบบนอุปกรณ์มือถือเสมอเพราะผู้ซื้อส่วนใหญ่ใช้มือถือ

SEO สำหรับรูปภาพสินค้า

ตั้งชื่อไฟล์ด้วยชื่อสินค้า สี รุ่น และแบรนด์ เช่น `กระเป๋า-หนัง-สีน้ำตาล-แบรนด์X.jpg` หรือใช้ภาษาอังกฤษ `leather-bag-brown-brandX.jpg` เพื่อให้ Google ค้นพบและแสดงในผลการค้นหารูปภาพ

เพิ่ม structured data ประเภท Product ที่รวม `image` property เพื่อช่วยให้ Google แสดง rich results สร้าง image sitemap แยกต่างหากสำหรับสินค้า หรือรวมไว้ใน sitemap หลัก

การจัดการพื้นหลัง

พื้นหลังสีขาวคือมาตรฐาน e-commerce และเป็นข้อกำหนดบนหลาย marketplace เช่น Amazon และ Lazada ช่วยให้ภาพสินค้าดูสะอาดและสม่ำเสมอตลอดแคตาล็อก

Convertly Picture ช่วยปรับแต่งรูปภาพได้โดยไม่กระทบพื้นหลัง หากต้องการลบพื้นหลังเพื่อเปลี่ยนเป็นสีขาว ลองใช้ฟีเจอร์ลบพื้นหลัง แล้วปรับแต่งต่อด้วยเครื่องมือ optimize

วิธีทำใน 3 ขั้นตอน

คำถามที่พบบ่อย