ตัวสร้างลายเซ็นอีเมล

ทำไมต้อง HTML แบบตาราง

โปรแกรมอีเมลแต่ละตัวตีความ HTML ไม่เหมือนกัน Outlook ใช้เอนจินเรนเดอร์ของ Word ซึ่งไม่สนับสนุน CSS สมัยใหม่หลายอย่าง (ไม่มี flexbox ไม่มี grid และ box-shadow จำกัด) การจัดวางแบบตารางด้วยสไตล์แบบ inline เป็นรูปแบบเดียวที่โปรแกรมหลักทุกตัวแสดงผลได้อย่างคาดเดาได้ ตัวสร้างนี้เขียนเฉพาะสไตล์จำกัดแบบนั้น จึงทำให้ลายเซ็นมีหน้าตาเหมือนกันใน Gmail, Outlook เดสก์ท็อป, Outlook เว็บ, Apple Mail และ iOS Mail

สิ่งที่ตัวสร้างผลิตออกมา

ผลลัพธ์เป็นตารางเรียบง่าย ชื่อของคุณเป็นตัวหนาในบรรทัดแรก ตำแหน่งหรือบริษัทอยู่ถัดลงมา และข้อมูลติดต่ออยู่ในบรรทัดสุดท้ายโดยคั่นด้วยเส้นแนวตั้ง:

<table cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif; font-size: 14px; color: #111827;">
  <tr><td style="font-weight: 700; font-size: 16px;">Alex Rivera</td></tr>
  <tr><td>Lead Designer</td></tr>
  <tr><td style="padding-top: 8px;">alex@example.com | +34 600 000 000 | example.com</td></tr>
</table>

ช่องที่ปล่อยว่างจะถูกข้ามไปโดยสิ้นเชิง ลายเซ็นที่มีแค่ชื่อและอีเมลจึงยังคงกระชับ

สิ่งที่ควรอยู่ในลายเซ็น

สิ่งที่จำเป็น:

• ชื่อเต็ม
• ตำแหน่งหรือบทบาท
• ชื่อบริษัท
• ช่องทางติดต่อโดยตรง (อีเมลหรือโทรศัพท์)

สิ่งที่เพิ่มเติมได้:

• ลิงก์ LinkedIn หรือลิงก์เว็บไซต์ส่วนตัว
• เบอร์โทรศัพท์สำหรับงานที่ต้องติดต่อลูกค้า

สิ่งที่ควรหลีกเลี่ยง:

• คำคมสร้างแรงบันดาลใจที่ยาวเกินไป
• GIF แบบเคลื่อนไหว (หลายโปรแกรมลบการเคลื่อนไหวออก)
• รูปภาพขนาดใหญ่ (ทำให้อีเมลโหลดช้าลงและถูกทำเครื่องหมายว่า “หนัก”)
• ข้อความปฏิเสธความรับผิดชอบเรื่อง “ความลับ” ยาวเกิน 2-3 บรรทัด เว้นแต่กฎหมายกำหนด
• ไอคอนโซเชียลมีเดียเต็มแถวสำหรับทุกเครือข่ายที่คุณเคยสมัครใช้งาน

เพิ่มรูปภาพหรือโลโก้ทีหลัง

ตัวสร้างนี้สร้างได้เฉพาะข้อความ หากต้องการเพิ่มรูปภาพหรือโลโก้ ให้วางโค้ด HTML ที่สร้างลงในตัวแก้ไขลายเซ็นของโปรแกรมอีเมลแล้วใช้เครื่องมือรูปภาพของมัน หรือแก้ไขโค้ด HTML เพื่อเพิ่มแท็ก img ที่ชี้ไปยังรูปภาพที่โฮสต์ไว้ รูปภาพต้องอยู่บน URL ที่เข้าถึงได้สาธารณะ:

• CDN ของบริษัท: เหมาะที่สุดสำหรับลายเซ็นธุรกิจ ทีมไอทีของคุณสามารถโฮสต์ภายใต้โดเมนแบรนด์ได้
• โฮสต์รูปภาพฟรี (imgur, แผนฟรีของ Cloudinary): รวดเร็วและฟรี แต่เสี่ยงที่โฮสต์จะปิดให้บริการ
• การฝังแบบ Base64: ไม่ต้องโฮสต์ แต่ทำให้อีเมลทุกฉบับใหญ่ขึ้น 20-50 KB และการตั้งค่า Outlook บางแบบจะลบทิ้ง

เก็บรูปภาพให้เล็ก ต่ำกว่า 20 KB เป็นสี่เหลี่ยมจัตุรัส 120x120 หรือเล็กกว่า

ข้อควรระวังเฉพาะ Outlook

• ความกว้าง: เก็บให้ต่ำกว่า 600px ลายเซ็นที่กว้างกว่านั้นจะถูกตัดในบานหน้าต่างแสดงตัวอย่าง
• ฟอนต์: ใช้ Arial, Helvetica, Georgia, Verdana หรือใช้สแตกฟอนต์เช่น font-family: "Segoe UI", Arial, sans-serif;
• สี: หลีกเลี่ยง #000 ล้วน #333 หรือ #444 จะแสดงผลดีกว่าใน Outlook โหมดมืด
• อย่าใช้ตัวแปร CSS, flex, grid หรือ SVG เป็นองค์ประกอบหลัก

ข้อความทางกฎหมาย

บางเขตอำนาจศาล (Companies Act 2006 ของสหราชอาณาจักร ข้อกำหนดของสหภาพยุโรปสำหรับบางนิติบุคคล) กำหนดให้ระบุชื่อบริษัทที่จดทะเบียน เลขที่ และที่อยู่ในอีเมลธุรกิจ คุณต้องเพิ่มข้อมูลที่กำหนดเอง ไม่ว่าจะในช่องตำแหน่งและบริษัท หรือโดยแก้ไขโค้ด HTML ภายหลัง และตรวจสอบกับทีมกฎหมายว่าตลาดของคุณกำหนดให้ต้องมีหรือไม่