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

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

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

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

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

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

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

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

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

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

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

Запуск

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

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

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

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

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Необязательно

Результат

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

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

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

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

2 примеров

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

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

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

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

Ввод

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

13 параметров

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

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

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

Результат

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

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

Примеры

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

Менеджер проектов

Контекст

Сотруднику необходимо оформить подпись для переписки с клиентами, содержащую логотип компании, контакты и ссылку на профиль в LinkedIn.

Проблема

Подпись должна выглядеть аккуратно на мобильных устройствах и компьютерах, а также содержать кликабельные ссылки.

Как использовать

Заполните поля 'Полное имя', 'Должность', 'Компания', укажите телефон и email. Вставьте ссылку на логотип в поле 'URL фото/логотипа' и ссылку на LinkedIn в поле 'Соцсети'. Выберите макет 'Бок о бок' и нажмите кнопку генерации.

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-код с табличной структурой, где логотип расположен слева, а контакты и иконка LinkedIn — справа.

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

Фронтенд-разработчик

Контекст

Разработчик хочет простую текстовую подпись без лишних графических элементов, которая хорошо смотрится в темной теме почтового клиента.

Проблема

Обычные подписи часто слепят белым фоном при чтении писем в темном режиме.

fullName: 'Иван Иванов', jobTitle: 'Frontend Developer', website: 'ivan.dev', socials: 'github.com/ivan-dev', layout: 'stacked', theme: 'dark', accent: '#10b981'

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

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

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

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

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

Ввод

Результат

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

Ввод

Результат

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

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

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

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

Обзор

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

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

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

Примеры

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

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

FAQ

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

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

Примеры Contentful Облачного CMS

Cypress E2E Тестовый Фреймворк

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

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

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

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

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

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

Instrumenty audita web-dostupnosti i proverki chitaemyh cvetov

Инструменты кодирования и конвертации аудио