SVG (Scalable Vector Graphics) เป็นรูปแบบไฟล์เวกเตอร์ที่ปรากฏครั้งแรกในปี 1999 ใช้ XML อธิบายรูปทรง ผ่านเส้นโค้ง สี ใช้กราฟิกเว็บได้หลากหลาย จนปี 2017 เบราว์เซอร์สมัยใหม่เกือบทุกรองรับ SVG
ทำไมต้องใช้ SVG?
SVG ให้ความยืดหยุ่นสูง คือข้อความธรรมดาที่อธิบายรูปทรง ขนาดเล็ก เหมาะสำหรับเว็บ ปรับแต่งง่ายด้วย CSS และ Text Editor ขยาย/ย่อขนาดไม่เสียคุณภาพ รองรับทุกเบราว์เซอร์
วิธีเพิ่มลายเซ็น SVG ในอีเมล Outlook
แม้ SVG จะได้รับความนิยม แต่ผู้ให้บริการอีเมลหลักยังไม่รองรับไฟล์ SVG แบบเนทีฟ สามารถฝัง SVG ได้โดยใช้ HTML source code ของเบราว์เซอร์
หมายเหตุ: ต้องใช้ Outlook บนเบราว์เซอร์ (Outlook Web) แอป Mail หรือ Outlook Desktop ไม่รองรับลายเซ็น SVG
ขั้นตอนที่ 1: เตรียมไฟล์ SVG
- อัปโหลดรูปภาพ/ลายเซ็น SVG ไปที่เว็บโฮสต์รูปภาพ (Imgur, TinyPic, หรือ Google Drive)
- คลิกขวาที่รูป > Copy image address (คัดลอก URL รูปภาพ)
ลองเซฟไฟล์และแทรกแบบ Inline จะได้ Error ว่าไม่รองรับไฟล์นี้
ขั้นตอนที่ 2: เปิด Developer Tools
ไปที่หน้าสร้างอีเมลใหม่ คลิกขวาที่พื้นที่ว่าง > Inspect จะเปิดหน้าต่าง HTML source code
ขั้นตอนที่ 3: สร้าง Element ว่าง
ใน HTML code ให้เพิ่มช่องว่าง (space) หลังบรรทัดสุดท้าย จะสร้าง empty element ขึ้นมา
ขั้นตอนที่ 4: แทรกโค้ด HTML ลายเซ็น
คลิกขวาที่ empty element > Edit as HTML ลบเนื้อหาเดิม แทรกโค้ด:
<img src="https://example.com/your-signature.svg" style="width:200px;height:121px;">
ส่วน src = URL ไฟล์ SVG ส่วน style = กำหนดขนาด คลิกที่พื้นที่ว่างของกล่องเขียนอีเมล ลายเซ็นจะปรากฏ
ข้อจำกัด: อาจไม่แสดงที่ฝั่งผู้รับหากใช้ Gmail หรืออีเมลอื่น เนื่องจากไม่มีการรองรับ SVG แบบเนทีฟ แนะนำให้ใช้ไฟล์ .PNG แทน เพื่อความเข้ากันได้สูงสุด
