Реклама мешает? Идти Без рекламы Сегодня 

Генератор HTML-подписи электронной почты

РазработчикТекст

Реклама · УДАЛИТЬ?

ВХОД

Автоматический процесс

Личная информация

Полное имя

Должность

Компания

Телефон

Электронная почта

Сайт

Адрес

Стиль

Размещение

Семейство шрифтов

Акцентный цвет

Используется для имени, ссылок и вертикального разделителя.

Цвет текста

Размер шрифта

Фото и логотип

Включить аватар профиля

URL фотографии

Лучше всего работает квадратное изображение (90x90 или больше).

Форма фото

Включить логотип компании

URL логотипа

Социальные ссылки

URL LinkedIn

Оставьте пустым, чтобы скрыть этот иконку.

URL Twitter / X

URL GitHub

URL Instagram

Отказ от ответственности

Включить отказ от ответственности / юридическую заметку

Текст отказа от ответственности

ВЫХОД

Клиентская сторона

Заполните поля слева, чтобы увидеть живую предварительную версию здесь.

HTML подписи

Инлайн-стилизованный HTML для Gmail, Outlook, Apple Mail и большинства клиентов электронной почты.

Реклама · УДАЛИТЬ?

Гид

Генератор HTML-подписи электронной почты

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

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

Заполнить Личная информация: полное имя, должность, компания, телефон, электронная почта, веб-сайт и адрес. Оставьте любое поле пустым, чтобы скрыть эту строку.
Выберите Размещение (горизонтальная, вертикальная или компактная текстовая версия), семейство шрифтов, акцентный цвет и цвет текста. Предварительный просмотр обновляется при вводе текста.
Включить аватар профиля включить или отключить, вставить URL изображения и выбрать форму круга, округлённого или квадратного. Добавьте логотип компании тем же способом, если хотите.
Вставьте URL в Социальные ссылки поля, которые вы хотите включить (LinkedIn, Twitter / X, GitHub, Instagram). Пустые поля пропускаются — нет повреждённых иконок.
Нажмите Скопировать отформатированную подпись и вставьте его в настройки подписи вашего клиента электронной почты. Или используйте Копировать HTML-код если предпочитаете вставить исходный код.

Возможности

Живой предварительный просмотр — увидите ровно то, что получатели увидят, внутри фальшивой письменной оболочки с приветствием и заключением.
Три шаблона — горизонтальный (фото слева, текст справа с акцентным разделителем), вертикальный (фото над текстом), и компактный (только текст).
Инлайн-стилизованный HTML — каждый элемент использует инлайн CSS, поэтому подписи корректно отображаются в Gmail, Outlook на ПК, Outlook в браузере, Apple Mail и большинстве мобильных клиентов.
Умные строки контактов — номера телефонов становятся tel: ссылками, электронные адреса становятся mailto:, URL веб-сайтов становятся кликабельными, адреса остаются в виде обычного текста.
Настройка формы фото — круг, округлённый квадрат или жёсткий квадрат. Выберите внешний вид, соответствующий вашему бренду.
Сетка социальных иконок — LinkedIn, Twitter / X, GitHub, Instagram. Пустые поля автоматически пропускаются.
Опциональный блок отказа от ответственности — для юридической или конфиденциальной заметки, которые требуются многими компаниями.
Два режима копирования — скопируйте отформатированную подпись (вставьте как рич-текст в Gmail) или скопируйте исходный HTML (для продвинутых редакторов).
Работает полностью в браузере — ничего не загружается на сервер. Ваши URL изображений и контактные данные никогда не покидают ваше устройство.

 Часто задаваемые вопросы

Почему электронные подписи используют инлайн CSS вместо стилей?

Большинство клиентов электронной почты удаляют блоки , теги и внешние стили для безопасности и причин обработки. Outlook в частности игнорирует классы и стили и использует только инлайн-стили на отдельных элементах. Прямое включение каждого правила на элементе, к которому он относится, является самым надёжным способом обеспечить одинаковое отображение подписи в Gmail, Outlook, Apple Mail и на мобильных устройствах.
Почему электронные подписи создаются с использованием HTML-таблиц вместо div и flexbox?

Outlook на Windows использует движок Microsoft Word для обработки HTML-почты, который плохо поддерживает современные стили размещения. Таблицы с явными значениями ширины, отступов и границ являются единственным элементом, который отображается одинаково в Word-Outlook и везде другом. Использование вложенных таблиц для столбцов фото/текста — это хорошо зарекомендовавший себя паттерн совместимости для HTML-почты.
Какова разница между вставкой отформатированной HTML и вставкой исходного HTML-кода?

Вставка отформатированной подписи (в формате rich text) позволяет клиенту электронной почты захватить визуальный вывод и пересоздать свой HTML вокруг него — именно то, что ожидает редактор подписи в Gmail. Вставка исходного HTML-кода — то, что хотят продвинутые редакторы (файлы подписи в Outlook на ПК, файлы plist в Apple Mail, сторонние менеджеры подписей), потому что они хранят исходный код и перерисовывают его при отправке.
Почему изображения в электронных подписях должны храниться на публичном URL вместо вложения?

Если изображение вложено или встроено как data: URL, многие клиенты показывают его как приложение или просто скрывают. Ссылка на публичный HTTPS-URL позволяет клиенту получателя загружать изображение напрямую, как это делается в любой другой HTML-почте. Скрытие изображения происходит только при блокировке изображений, и получатели могут разрешить это один раз и использовать его во всех будущих письмах.
Почему ссылки mailto: и tel: работают даже в консервативных клиентов электронной почты?

mailto: and tel: are URI schemes defined in the HTML spec and supported by every operating system, so email clients treat them the same way browsers do — clicking them hands the URI off to the OS, which opens the default mail or phone app. Because the scheme handlers live in the OS, no third-party permissions or special rendering is required, which is why these links survive even the strictest email-client sanitizers.