画像付きの 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:your.email@example.com">your.email@example.com</a><br>
            Phone: (555) 555-5555
          </p>
        </td>
      </tr>
    </table>
  </body>
</html>

画像を含む HTML 署名を作成するにはどうすればよいですか? Outlook — 画像付きの HTML 署名を作成する方法 Outlook

受信者に提供できる場所から画像を Web サーバーでホストすることをお勧めします。これは、もし 電子メールの署名の写真が表示されない、 <img src="image_url.jpg"... 画像の Web アドレスを指定する必要があります。

HTML コードは非常に直感的で、値をいじると、必要な変更が得られます。署名の文字のサイズ、写真のサイズと位置、またはその他の要素を変更できます。

例：

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

署名は両方で使用できます。 Outlook 他の電子メールアプリケーションやオンラインサービスを使用しているとき。 Gmail、 Webmail、ヤフー、 iCloud、 Roundcube または他の人。