Что выживает в почтовых клиентах
| Приём | Outlook (Windows) | Gmail | Apple Mail |
| --- | --- | --- | --- |
| Табличная вёрстка | работает | работает | работает |
| Инлайновые стили | работает | работает | работает |
| Блок <style> | работает | вырезается | работает |
| Flexbox / grid | игнорируется | работает | работает |
| Веб-шрифты | игнорируются | частично | работает |
| Фоновые изображения | игнорируются | работает | работает |
Два столбца отказов и объясняют, почему генератор выдаёт именно такую разметку. Все стили инлайновые, вёрстка табличная, шрифты — те, что установлены везде.
Подпись, которую действительно читают
Четырёх строк достаточно:
- Имя
- Должность и компания
- Телефон и почта
- Одна ссылка
Всё, что дальше, пролистывают. Юридические оговорки, ряды иконок соцсетей, цитаты, «подумайте об экологии» — это утяжеляет каждое письмо в переписке, и это никто не читает. Если оговорка обязательна по регламенту, вынесите её под подпись мелким простым текстом.
Детали, на которых ошибаются
- Только абсолютные адреса картинок. Относительный путь разрешится относительно почтового клиента, а не вашего сайта.
- Ссылке
tel:нужны цифры. Уберите пробелы и скобки из href, оставив их в видимом тексте. - Не рассчитывайте на тёмную тему. Часть клиентов инвертирует цвета. Подпись с прозрачным фоном и средне-серым текстом это переживёт, белый блок с белым логотипом — нет.
- Проверяйте отправкой самому себе. В Outlook, в Gmail и с телефона.
Экранировано и безопасно
Каждое введённое значение экранируется, и пропускаются только адреса http,
https, mailto и tel — поэтому случайная угловая скобка в должности не сломает
разметку. Всё генерируется в вашем браузере.
Вопросы
Почему таблицы и инлайновые стили в 2026 году?+
Потому что Outlook под Windows отрисовывает HTML движком Microsoft Word, который игнорирует flexbox, grid, большую часть float и внешние таблицы стилей. Вложенные таблицы с инлайновыми стилями — единственная вёрстка, переживающая сразу Outlook, Gmail, Apple Mail и мобильные клиенты. Это не ностальгия, а реальное ограничение.
Почему логотип не виден в Outlook?+
Скорее всего, изображения заблокированы по умолчанию, пока получатель не нажмёт «загрузить изображения», — а такая настройка стоит почти у всех. Делайте подпись читаемой вообще без картинок и никогда не помещайте имя и контакты внутрь изображения.
Стоит ли добавлять фотографию?+
Её придётся разместить на публичном и постоянном адресе, и у большинства получателей она будет заблокирована при первом открытии. Если добавляете — держите размер до 100 px и убедитесь, что подпись работает и без неё.
Как установить подпись?+
Скопируйте отрисованное превью, а не HTML, и вставьте в поле подписи почтового клиента. Gmail, Apple Mail и веб-версия Outlook принимают вставку форматированного содержимого. HTML-исходник нужен только там, где есть режим редактирования кода.