Будет ли подпись корректно отображаться в Outlook?

Да, генератор использует табличную верстку и инлайн-стили, что гарантирует правильное отображение в Outlook, Gmail и Apple Mail.

Как добавить логотип или аватар в подпись?

Загрузите изображение на любой публичный хостинг и вставьте прямую ссылку на него в поле «URL фото/логотипа».

Как работает автоматическая тема (Auto)?

Она добавляет медиа-запрос prefers-color-scheme, благодаря чему подпись автоматически адаптируется под темную или светлую тему в поддерживаемых клиентах, например Apple Mail.

Нужно ли отдельно загружать иконки соцсетей?

Нет, инструмент автоматически распознает ссылки на популярные платформы и встраивает их иконки в виде безопасных inline-SVG.

Где хранится введенная мной информация?

Все данные обрабатываются локально в вашем браузере и не отправляются на внешние серверы.

Elysia Tools

Навигация

Design

Конструктор HTML-подписи для email

Создаёт чистую HTML-подпись, которую можно скопировать и которая корректно отображается в Gmail, Outlook и Apple Mail — с аватаром/логотипом, иконками соцсетей (автоопределение по ссылкам), акцентным цветом, светлой/тёмной/авто-темой и табличной вёрсткой с инлайн-стилями. Скопируйте HTML и вставьте в почтовый клиент.

Детали

С чем помогает этот инструмент

Создайте профессиональную подпись, работающую во всех клиентах:

Заполните данные — имя, должность, компанию, почту, телефон, сайт, адрес и публичный URL фото/логотипа.
Выберите макет — бок о бок (фото слева с акцентной полосой) или сверху вниз (только текст). Фото скрывается, если URL нет.
Оформление — акцентный цвет, веб-безопасный шрифт и тема: Светлая/Тёмная/Авто (Авто добавляет блок prefers-color-scheme, который чтёт Apple Mail).
Добавьте соцсети — вставьте ссылки LinkedIn, X, GitHub, Instagram, Facebook или YouTube; иконки рендерятся как inline-SVG data-URI, безопасные для почты.
Скопируйте HTML — самодостаточная табличная подпись с инлайн-стилями для Gmail/Outlook/Apple Mail.

Всё работает локально.

Запуск

Запустить этот инструмент

Заполните форму, запустите инструмент и посмотрите результат на этой же странице.

Подготовленные примеры запуска

Нажмите пример, чтобы автоматически заполнить форму. Файлы по-прежнему нужно загрузить.

2 примеров

Полная подпись с соцсетями

Полная бизнес-подпись с фото, акцентной разделительной полосой, контактами и автоопределёнными иконками LinkedIn/GitHub/X.

<table class="esig"><tr><td><img width="72" height="72"></td><td><div>Jane Doe</div><div>Product Manager · Acme Inc.</div><a href="mailto:[email protected]">[email protected]</a>…</td></tr></table>

Минималистичная (тёмная тема)

Текстовая подпись в тёмной теме — для инженеров, ценящих чистый тёмный вид.

<table class="esig" style="background:#111827"><tr><td><div>Alex Chen</div><div>Staff Engineer · Nullcorp</div>…</td></tr></table>

Ввод

Параметры сгруппированы, чтобы длинные формы было проще просматривать.

13 параметров

СодержимоеВставьте или введите основные значения.9

Полное имяtextОбязательноДолжностьtextНеобязательноКомпанияtextНеобязательноЭл. почтаtextНеобязательноТелефонtextНеобязательноСайтtextНеобязательноАдресtextНеобязательноURL фото/логотипаtextНеобязательноСоцсетиtextareaНеобязательноOne per line or comma-separated. Auto-detects LinkedIn, X, GitHub, Instagram, Facebook, YouTube.

НастройкиНастройте форматы, диапазоны, числа и режимы.4

Акцентный цветcolorНеобязательноШрифтselectНеобязательноМакетselectНеобязательноТемаselectНеобязательно

Результат

Готово к запуску

После запуска здесь появятся файлы, текст, структурированные данные или потоковый вывод.

Примеры

Примеры для этого инструмента

Связано

Продолжить с похожими инструментами и темами

fullName: 'Анна Смирнова', jobTitle: 'Project Manager', company: 'Tech Solutions', email: '[email protected]', phone: '+7 999 123-45-67', photoUrl: 'https://example.com/logo.png', socials: 'linkedin.com/in/annasmirnova', layout: 'side', theme: 'light'

Конструктор HTML-подписи для email

С чем помогает этот инструмент

Запустить этот инструмент

Подготовленные примеры запуска

Ввод

Результат

Примеры для этого инструмента

Продолжить с похожими инструментами и темами

Подготовленные примеры запуска

Ввод

Результат

Узнайте, когда использовать этот инструмент, что он поддерживает и как его применяют пользователи.

Ключевые факты

Обзор

Когда использовать

Как это работает

Сценарии использования

Примеры

1. Создание корпоративной подписи для менеджера проектов

2. Минималистичная подпись разработчика в темных тонах

FAQ

Образцы HTML

Примеры HTML с изображениями

MSG Viewer Samples

Примеры текста с конфиденциальными данными

Палитра из изображения в design-токены

Удалитель HTML-тегов

Генератор QR-кода

Генератор heatmap доступности

Инструменты извлечения, очистки и экспорта HTML в Markdown/PDF

Инструменты для штрихкодов, QR-кодов и этикеток

Instrumenty audita web-dostupnosti i proverki chitaemyh cvetov

Инструменты извлечения, очистки и доставки HTML