วิธีปรับแต่งรูปภาพสำหรับอีเมล

ข้อจำกัดของ Email Client

Outlook บล็อกรูปภาพโดยค่าเริ่มต้นและต้องการให้ผู้ใช้คลิกอนุญาตก่อน Gmail จำกัดขนาด HTML ไว้ที่ 102 KB ก่อนจะแสดงปุ่ม "ดูเพิ่มเติม" Apple Mail รองรับฟอร์แมตที่หลากหลายกว่า แต่ก็ยังมีข้อจำกัด

ฟอร์แมตอย่าง WebP และ AVIF ยังไม่รองรับใน email client ส่วนใหญ่ ควรใช้ JPG, PNG หรือ GIF เท่านั้นเพื่อความเข้ากันได้สูงสุด อย่าเสี่ยงกับ email ที่แสดงรูปภาพเสียหายหรือไม่แสดงเลย

ฟอร์แมตที่แนะนำสำหรับอีเมล

JPG: เหมาะสำหรับภาพถ่ายและรูปภาพที่มีสีหลากหลาย ให้ขนาดไฟล์เล็กพอสมควรและรองรับได้ทุก client. PNG: เหมาะสำหรับโลโก้ กราฟิก และรูปที่ต้องการพื้นหลังโปร่งใส คมชัดกว่า JPG แต่ไฟล์ใหญ่กว่า

GIF: ใช้สำหรับภาพเคลื่อนไหวง่ายๆ รองรับได้ดีในส่วนใหญ่ แต่ Outlook จะแสดงเฉพาะ frame แรก หลีกเลี่ยง WebP, AVIF และ SVG เนื่องจากการรองรับในอีเมลยังจำกัดมาก

แนวทางด้านขนาดรูปภาพ

ความกว้างสูงสุดของรูปภาพในอีเมลควรอยู่ที่ 600–700 พิกเซล ซึ่งตรงกับความกว้างมาตรฐานของ email template ส่วนใหญ่ รูปที่กว้างกว่านี้จะถูก scale ลงโดยอัตโนมัติหรือทำให้ layout เสีย

แต่ละรูปไม่ควรเกิน 100 KB โดยอุดมคติ และรูปภาพรวมทั้งอีเมลไม่ควรเกิน 1 MB เพื่อให้โหลดได้เร็วและไม่ถูกจัดว่าหนักเกินไป

หลีกเลี่ยงตัวกรองสแปม

อีเมลที่มีแต่รูปภาพโดยไม่มีข้อความมีความเสี่ยงสูงที่จะถูกจัดเป็นสแปม เพราะตัวกรองสแปมไม่สามารถอ่านเนื้อหาจากรูปได้ ควรรักษาสัดส่วนข้อความต่อรูปภาพที่ 60:40 หรือดีกว่า

โฮสต์รูปภาพบนเซิร์ฟเวอร์ที่น่าเชื่อถือและใช้ HTTPS เสมอ URL ของรูปที่น่าสงสัยอาจทำให้คะแนนสแปมสูงขึ้น ทดสอบ email ด้วย tool อย่าง Mail Tester ก่อนส่งจริง

Alt Text ในอีเมลสำคัญมาก

เมื่อรูปภาพถูกบล็อก alt text คือสิ่งเดียวที่ผู้รับจะเห็น เขียน alt text ที่สื่อสารข้อความหลักหรือ call to action ของรูปนั้น ไม่ใช่แค่ชื่อรูป

สำหรับ banner หรือ button ที่เป็นรูปภาพ alt text ต้องมีข้อความที่บอกให้ผู้รับรู้ว่าต้องทำอะไร เช่น "คลิกเพื่อรับส่วนลด 20%" นอกจากนี้ยังช่วยด้าน accessibility สำหรับผู้ที่ใช้ screen reader

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

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