Генератор подписи для email

Почему HTML на основе таблиц?

Почтовые клиенты по-разному интерпретируют HTML. Outlook использует движок рендеринга Word, который игнорирует большую часть современного CSS (нет flexbox, нет grid, ограниченные box-shadow). Табличные макеты со встроенными стилями , единственный шаблон, который каждый крупный клиент отображает предсказуемо. Генератор пишет именно этот узкий стиль, поэтому подпись одинаково выглядит в Gmail, Outlook desktop, Outlook web, Apple Mail и iOS Mail.

Что создаёт генератор

Результат , простая таблица: ваше имя жирным шрифтом в первой строке, должность или компания ниже, а в последней строке контакты, разделённые вертикальной чертой:

<table cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif; font-size: 14px; color: #111827;">
  <tr><td style="font-weight: 700; font-size: 16px;">Alex Rivera</td></tr>
  <tr><td>Lead Designer</td></tr>
  <tr><td style="padding-top: 8px;">alex@example.com | +34 600 000 000 | example.com</td></tr>
</table>

Пустые поля просто пропускаются, поэтому подпись только с именем и email остаётся компактной.

Что должно быть в подписи

Обязательно:

• Полное имя.
• Должность или роль.
• Название компании.
• Прямой контакт (email или телефон).

Полезные дополнения:

• Ссылка на LinkedIn или личный сайт.
• Телефон для должностей, связанных с клиентами.

Избегайте:

• Длинных вдохновляющих цитат.
• Анимированных GIF (многие клиенты удаляют анимацию).
• Больших изображений (замедляют загрузку письма и помечаются как “тяжёлые”).
• Оговорок о “конфиденциальности” длиннее 2-3 строк, если это не требуется законом.
• Стены иконок соцсетей для каждой сети, где вы когда-либо регистрировались.

Добавить фото или логотип позже

Генератор создаёт только текст. Чтобы добавить фото или логотип, вставьте сгенерированный HTML в редактор подписей вашего почтового клиента и воспользуйтесь его инструментами изображений, либо отредактируйте HTML и добавьте тег img, указывающий на размещённое изображение. Изображение должно находиться по публично доступному URL:

• Корпоративное CDN: лучший вариант для деловых подписей; ваш отдел IT может разместить его на домене бренда.
• Бесплатные хостинги изображений (imgur, бесплатный тариф Cloudinary): быстро и бесплатно, но есть риск, что хостинг закроется.
• Встраивание Base64: избавляет от хостинга, но увеличивает каждое письмо на 20-50 КБ, а некоторые конфигурации Outlook удаляют его.

Держите изображения небольшими: меньше 20 КБ, квадратные, 120x120 или меньше.

Особенности Outlook

• Ширина: держите меньше 600px; более широкие подписи обрезаются в панели предпросмотра.
• Шрифты: придерживайтесь Arial, Helvetica, Georgia, Verdana или используйте стек вроде font-family: "Segoe UI", Arial, sans-serif;.
• Цвета: избегайте чистого #000; #333 или #444 лучше выглядят в тёмном режиме Outlook.
• Не используйте CSS-переменные, flex, grid или SVG в качестве основных элементов.

Правовые оговорки

Некоторые юрисдикции (Companies Act 2006 в Великобритании, требования ЕС для отдельных организаций) требуют указывать зарегистрированное название компании, номер и адрес в деловых письмах. Добавьте требуемые сведения сами , в полях должности и компании или отредактировав HTML после генерации, , и уточните в юридическом отделе, требует ли их ваш рынок.