Конструктор подписи для почты
Заполните свои данные и скопируйте подпись, собранную из HTML-таблиц и встроенных стилей. Внутри это выглядит как 1999 год, но только такую разметку понимают все почтовые программы. Превью обновляется по мере ввода, и ничего никуда не загружается.
Ничего не загружается на сервер. Черновик сохраняется только в этом браузере, а логотип запрашивается по его URL лишь для того, чтобы нарисовать превью.
Ваша подпись
ПримерТак она будет выглядеть под вашими письмами. Превью обновляется по мере ввода.
Показать исходный HTML
Добавьте ее в почтовую программу
Нажмите «Скопировать подпись», затем вставьте (Ctrl+V или ⌘V) в место, описанное для вашей программы.
Gmail in a browser
- Open the gear menu and choose See all settings.
- Stay on the General tab and go down to Signature. Press Create new and give it a name.
- Paste into the editing box, then select the signature under For new emails use and On reply/forward use.
- Press Save changes at the very bottom of the page.
The Gmail phone app has its own plain-text mobile signature. Keep that one empty and the app uses this signature.
Outlook on the web and the new Outlook for Windows
- Open the gear, then Account and Signatures.
- Press + New signature, type a name and paste into the box.
- Set it as the default for new messages and for replies, then press Save.
Classic Outlook for Windows
- Go to File, Options, Mail, then Signatures…
- Press New, type a name and paste into the large editing box.
- Pick it in the New messages and Replies/forwards lists, then press OK.
Logo too big? Right-click it in the editor, open Size and Position and type the width you chose on this page.
Apple Mail on a Mac
- Open Mail, Settings, then the Signatures tab.
- Select the account, press + and type a name.
- Clear the Always match my default message font box, then paste into the right-hand pane.
The settings window may draw a question mark where the logo goes. That is expected. The logo shows in the messages you send.
iPhone and iPad
- Open this page on the device itself, fill in the fields and tap Copy the signature.
- Go to Settings, Apps, Mail, Signature (on older iOS versions: Settings, Mail) and paste.
iOS keeps only some of the formatting, so the Compact template survives best. If the pasted result loses its formatting, shake the device and tap Undo to get the formatted version back.
Почему подписи разваливаются
Веб-страницу показывает браузер, который следует современным стандартам. Письмо показывает то, чем пользуется получатель, а эти программы мало в чем согласны. Классический Outlook для Windows верстает письма движком Microsoft Word. Gmail удаляет таблицы стилей из содержимого, которое считает небезопасным. Маленький редактор, куда вставляют подпись, вырезает еще больше.
Везде выживает короткий список: <table> для верстки, атрибуты style на каждом элементе, простые ссылки и картинки с явными width и height. Этот конструктор держится этого списка. Текст 14 пикселей шрифтом, который уже есть на любом устройстве (Arial, Verdana или Georgia), у таблицы есть role="presentation", чтобы экранные дикторы не объявляли ее как данные, а весь блок ограничен шириной 600 пикселей.
Во что превращается каждое поле
- Номера телефонов
- Ссылка
tel:, чтобы касание на телефоне начинало звонок. Номер из 10 цифр считается североамериканским и получает+1. Для любой другой страны вводите номер с+и кодом страны, как в+44 20 7946 0958. Добавочный, введенный какext. 204илиx204, добавляется после паузы:tel:+14155550123,204. Номер короче семи цифр не выводится. - Почта и сайт
- Ссылка
mailto:, если адрес имеет видname@domain.tld. Сайт получаетhttps://в ссылке, а показывается без него и безwww. - Профили в соцсетях
- Текстовые ссылки с названием сервиса, найденного в URL: Facebook, Instagram, LinkedIn, YouTube, X, Bluesky, GitHub и еще около десятка. Для незнакомого адреса показывается имя хоста.
- Логотип
<img>, указывающий на заданный вами адрес, шириной от 40 до 300 пикселей. Инструмент один раз загружает картинку, чтобы узнать пропорции, и прописывает соответствующийheight, потому что Outlook растягивает картинки без него.- Мелкий шрифт
- Строка о конфиденциальности или юридическая оговорка серым шрифтом 11 пикселей под подписью.
Предупреждения и что с ними делать
| Предупреждение | Почему это важно |
|---|---|
| Акцентный цвет ниже 4,5:1 на белом | Этот цвет используется для ссылок и названия компании. Ниже такого коэффициента контраста людям со слабым зрением трудно их читать. Выберите оттенок темнее. |
Встроенный логотип (data:) | Многие почтовые программы его блокируют или превращают во вложение в каждом письме. |
Логотип по http:// | Почтовые программы, работающие на защищенных страницах, отказываются от небезопасных картинок. |
| Логотип в SVG | Gmail и Outlook не показывают SVG. Экспортируйте PNG или JPG. |
| Логотип на Google Drive, Dropbox или OneDrive | Ссылка для общего доступа открывает страницу просмотра, а не файл картинки. |
| Логотип не загружается | Откройте адрес в приватном окне. Вы должны увидеть картинку и больше ничего, без входа в аккаунт. |
| Слишком большой или слишком маленький | Больше 1 200 пикселей в ширину замедляет каждое письмо. Уже ширины показа выглядит размыто. Ориентируйтесь на двойную ширину показа. |
Выбор макета
- Логотип слева по умолчанию: две колонки, разделенные вертикальной линией акцентного цвета.
- Классический складывает все в одну колонку с логотипом в конце. Лучше всех держится, когда программа отбрасывает колонки таблицы.
- Акцентная линия начинается с горизонтальной цветной линии и держит контакты в одной строке.
- Компактный это две строки без логотипа. Он для ответов и для почты на телефоне, где форматирование почти не сохраняется.
Многие держат две: полную для новых писем и компактную для ответов. Прежде чем решить, нажмите «Просмотр в темной теме», чтобы отправить подпись в просмотр письма в темной теме и проверить, держатся ли логотип и цвета на темном фоне.
Чего конструктор не делает
Он не размещает ваш логотип, поэтому картинка уже должна быть в сети по публичному адресу. Он не рисует значки соцсетей, и это намеренно: каждый значок это еще одна удаленная картинка, которую могут заблокировать. Он не может показать, как конкретная версия Outlook отобразит результат, поэтому после установки подписи отправьте себе тестовое письмо. Ваш черновик хранится только в этом браузере. Откройте страницу на другом устройстве, и форма будет пустой.
Частые вопросы
Как добавить HTML-подпись в Gmail?
Нажмите здесь «Скопировать подпись». В Gmail откройте меню с шестеренкой, «Все настройки», «Общие», «Подпись», создайте новую и вставьте. Выберите ее для новых писем и для ответов, затем сохраните внизу страницы.
Почему логотип приходит вложением?
Картинка была встроена в письмо. Тогда почтовые программы отправляют файл вместе с каждым письмом, и многие получатели видят его как вложение. Дайте ссылку на картинку на веб-сервере, и проблема исчезнет.
Какого размера должен быть логотип в подписи?
Показывать шириной от 100 до 200 пикселей, из файла примерно вдвое шире, чтобы он оставался четким на экранах высокой плотности. Держите файл примерно до 50 KB. PNG подходит для плоских логотипов, JPG для фото.
Сделать всю подпись одной картинкой?
Нет. Многие почтовые программы по умолчанию блокируют картинки, экранные дикторы их не читают, они не подстраиваются под темную тему, и никто не сможет нажать или скопировать номер телефона, который является частью картинки. Используйте настоящий текст, а картинку оставьте для логотипа.
Можно ли использовать фирменный шрифт?
Ненадежно. Gmail и Outlook игнорируют веб-шрифты, и текст откатывается на шрифт по умолчанию. Arial, Verdana и Georgia есть практически на любом устройстве, поэтому подпись выглядит везде одинаково.
Почему в ответах подпись выглядит иначе?
Некоторые программы переводят ответы в обычный текст или применяют форматирование письма, на которое отвечают. Задайте для ответов компактную подпись и проверьте, что программа пишет письма в HTML, а не обычным текстом.