如何製作帶圖片的 HTML 簽名 Outlook

電子郵件的最佳實踐指南指出，每個用戶都必須有一個簽名。無論是個人電子郵件地址還是企業電子郵件帳戶。在下面的教程中，您將了解如何使用圖片製作 HTML 簽名 Outlook 或其他接受 HTML 代碼的電子郵件服務/應用程序。

如果對於個人帳戶來說，結束問候就足夠了，然後是電話號碼和電子郵件地址，對於企業帳戶來說，通常要求在電子郵件消息的簽名中包含公司徽標，照片通訊員甚至帶有促銷和優惠的橫幅。

如何製作帶圖片的 HTML 簽名 Outlook

為以下內容製作電子郵件簽名 Outlook （或者對於其他郵件客戶端）如果有自定義元素，例如：字體類型、顏色、格式和字體大小、插入圖片，則需要創建簽名的 HTML 代碼。

下面是帶有圖片的 HTML 簽名的代碼模板。您可以使用給定的數據更改此代碼，然後將其複製到電子郵件地址的簽名中。

<html>
  <head>
    <style>
      .signature {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #333;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <td valign="top">
          <img src="image_url.jpg" alt="Your Name" height="100" width="100">
        </td>
        <td valign="top" class="signature">
          <p>
            Your Name<br>
            Job Title<br>
            Company Name<br>
            Email: <a href="mailto:[email protected]">[email protected]</a><br>
            Phone: (555) 555-5555
          </p>
        </td>
      </tr>
    </table>
  </body>
</html>

如何製作帶有圖片的 HTML 簽名 Outlook — 如何製作帶圖片的 HTML 簽名 Outlook

最好將圖片託管在 Web 服務器上，從那裡可以將圖片提供給收件人。這意味著如果 電子郵件中籤名的圖片不可見中， <img src="image_url.jpg"...您必須註明圖片的網址。

HTML 代碼非常直觀，如果您使用這些值，您將獲得所需的更改。您可以更改簽名中文字的大小、圖片的尺寸和位置或其他元素。

例如：

<img src="https://yourdomain.tld/image_url.jpg" alt="Your Name" height="100" width="100">

該簽名可用於 Outlook 在其他電子郵件應用程序或在線服務中時。谷歌郵箱, Webmail，雅虎， iCloud.com， Roundcube 或其他。