Як зробити 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

Бажано, щоб зображення було розміщено на веб-сервері, звідки воно може бути подано одержувачу. Це означає, що якщо картинки з підпису в листі не видно, то <img src="image_url.jpg"... необхідно вказати веб-адресу зображення.

HTML-код досить інтуїтивно зрозумілий, і якщо ви пограєте зі значеннями, ви отримаєте бажані зміни. Ви можете змінити розмір напису в підписі, розміри та положення малюнка чи інших елементів.

Приклад:

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

Підпис можна використовувати як в Outlook, так і в інших програмах електронної пошти чи онлайн-сервісах. gmail, Webmail, Yahoo, iCloud.com, Roundcube або інші.

Цей допис востаннє змінено 27 квітня 2023 09:57

Stealth: Захоплюючись технологіями, я люблю тестувати та писати підручники про операційні системи macOS, Linux, Windows, про WordPress, WooCommerce і налаштувати веб-сервери LEMP (Linux, NGINX, MySQL і PHP). Я пишу далі StealthSettings.com з 2006 року, а через кілька років я почав писати на iHowTo.Tips підручники та новини про пристрої в екосистемі Apple: iPhone, iPad, Apple Годинник, HomePod, iMac, MacBook, AirPods та аксесуари.