線上編輯電子郵件簽名 HTML - 免費調整工具 | HtmlDrag
電子郵件簽名編輯器
貼上您現有的 HTML 電子郵件簽名，視覺化調整文字、連結、間距與佈局。
0/200
預覽區
輸入代碼後，點擊下方按钮生成預覽
模板
如何微調 HTML 電子郵件簽名
如果您有 HubSpot 或公司發布的 HTML 簽名程式碼，直接貼上，幾分鐘內完成微調。
1
貼上簽名 HTML
複製您現有的 HTML 電子郵件簽名程式碼並貼到工具中。
2
預覽並視覺化微調
點擊預覽生成可編輯的 HtmlDrag 作品，雙擊修改文字、右鍵更換圖片。
3
預覽並儲存
即時查看效果，然後將作品儲存到您的 HtmlDrag 帳號，方便後續繼續編輯和管理。
面向真實郵件客戶端
讓簽名在各類信箱裡更穩定
相容 Outlook 的 HTML
儘量保留 table 結構與常見郵件樣式（包含 MSO 屬性）來減少錯位。
無需手寫程式碼
雙擊修改文本，右鍵更換圖片，不需要手動改 HTML。
快速預覽迭代
瀏覽器中即時預覽，修改-驗證更高效。
為什麼它更相容 Outlook（MSO 安全）
Outlook 使用基於 Word 的渲染引擎，常依賴 MSO 條件註解與表格佈局。我們在處理與匯出時，儘量保留郵件專用結構，並清理僅用於編輯器的標記。
保留 MSO 條件註解
保留類似 <!--[if mso]>…<![endif]--> 的 Outlook 專用區塊，避免相容性修補在處理過程中丟失。
儘量不重寫 table 郵件結構
郵件簽名高度依賴 <table> 佈局。我們儘量不破壞這些結構，降低不同客戶端渲染差異帶來的錯位風險。
匯出乾淨 HTML（移除編輯器屬性）
從 HtmlDrag 匯出時，會移除僅用於編輯的屬性（如 data-editor-id、contenteditable、editable-* 的 id），並覆蓋 MSO 註解內部的盲區，避免把編輯器標記帶到最終簽名程式碼。
常見問題
關於微調 HTML 電子郵件簽名的常見問題。
支援。只要拿到 HTML 程式碼即可貼上進行微調；但部分信箱可能會限制外鏈圖片等資源。
我們儘量保留 table 結構與 Outlook 常見樣式，但仍建議在您的 Outlook 版本裡實測。
在簽名 HTML 裡更新 <img src="..."> 的連結，然後重新預覽。為相容性建議使用可公開訪問的 HTTPS 圖片。
都可以：完整文件或僅簽名片段都支援。
編輯和微調完全免費，並支持免費下載簽名圖片。註冊後即可獲得贈送積分，可用於下載優化後的 HTML 源碼文件。
幾分鐘微調您的郵件簽名？
貼上您的 HTML 簽名，用 HtmlDrag 視覺化編輯文字與圖片，告別脆弱的手工改程式碼。