Генератор підпису для електронної пошти
Створіть професійний HTML-підпис для листів із фото чи логотипом, контактами та посиланнями на соцмережі й скопіюйте його в Gmail, Outlook чи Apple Mail.
Попередній перегляд
Зображення за URL можуть не відображатися в цьому перегляді (ця сторінка блокує зовнішні зображення), але у ваших листах вони будуть.
Перевірки
Проблем не знайдено.
Як створити підпис для листів
- Заповніть Ваші дані: повне ім’я, посаду, компанію, ел. пошту, телефон, мобільний, вебсайт і адресу. Залиште поле порожнім, щоб приховати його рядок.
- Вставте повні адреси у Профілі в соцмережах (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Вони з’являться як текстові посилання акцентного кольору.
- Додайте Логотип або фото. Найкращий варіант – URL зображення на сайті (рекомендовано): адреса https:// зображення, яке вже є на вашому сайті. Також можна вибрати локальний файл, який буде вбудовано в підпис (обмеження описано нижче).
- Виберіть Шаблон (Класичний (зображення збоку), У стовпчик або Компактний), Акцентний колір, Шрифт і Ширина зображення. Позначте Кругле зображення, щоб фото було круглим.
- Перегляньте Попередній перегляд, потім натисніть Копіювати підпис і вставте його в поштову програму. Кнопки Копіювати HTML-код і Завантажити дають необроблений код для програм, що приймають HTML.
Завантажити приклад заповнює форму зразковими даними, щоб ви могли спробувати шаблони. Усе відбувається у вашому браузері: нічого з того, що ви вводите чи додаєте, нікуди не надсилається.
Чому підпис побудовано на таблицях і вбудованих стилях
Поштові програми – це не браузери. Outlook для Windows відображає листи рушієм Word, Gmail вилучає з підписів блоки <style>, а багато програм ігнорують сучасний CSS, як-от flexbox чи grid. Тому цей інструмент створює HTML, який працює всюди: таблицю-макет із role="presentation", вбудовані атрибути style на кожному елементі, безпечні для веб шрифти (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) і текстові посилання замість піктограм-зображень. Кожне введене значення екранується, тож випадковий символ < чи & у посаді не зламає код.
Номери телефонів стають посиланнями tel: (їх можна торкнутися на смартфоні), адреса ел. пошти – посиланням mailto:, а вебадреси без https:// доповнюються автоматично. Посилання, що не є вебадресами, пропускаються й перелічуються в розділі Перевірки.
Зображення: URL на сайті чи вбудований файл?
Локальне зображення перетворюється на data URI, тобто саму картинку записують усередину HTML. Інструмент зменшує її до 240 пікселів, щоб вона була невеликою, але багато клієнтів усе одно блокують або вилучають data URI: Gmail відхиляє їх у підписах, Outlook часто показує порожній квадрат, а одержувачі можуть побачити вкладення. Зображення на сайті (наприклад, https://www.example.com/logo.png) легше й відображається в набагато більшій кількості програм. Завантажте логотип на свій сайт і вставте його URL. Зауважте: зображення за URL можуть не з’явитися в попередньому перегляді на цій сторінці, бо вона блокує зовнішні зображення задля приватності, але у ваших листах вони відображаються.
Як додати підпис у поштову програму
- Gmail: відкрийте Налаштування (піктограма шестірні) → Переглянути всі налаштування → Загальні → Підпис → Створити. Вставте підпис за допомогою Ctrl+V (Cmd+V), потім натисніть Зберегти зміни внизу сторінки. Gmail обмежує підпис 10 000 символами.
- Outlook (нова версія й Outlook у вебі): Налаштування → Обліковий запис → Підписи, створіть підпис, вставте його й збережіть. У класичному Outlook для Windows: Файл → Параметри → Пошта → Підписи.
- Apple Mail: Пошта → Параметри → Підписи, виберіть обліковий запис, натисніть +, вставте підпис і зніміть позначку Always match my default message font (завжди використовувати шрифт повідомлення за замовчуванням), щоб шрифти й кольори збереглися.
Назви пунктів меню залежать від версії програми та мови інтерфейсу, тож вони можуть трохи відрізнятися.
Поширені запитання
Чому в надісланих листах я бачу зламане зображення або вкладення?
Імовірно, зображення вбудовано як data URI, а багато поштових клієнтів його блокують. Використайте натомість URL зображення на сайті: це найнадійніший спосіб показати логотип чи фото.
Чому кругле фото в Outlook виглядає квадратним?
Outlook для Windows ігнорує стиль border-radius. Якщо форма важлива, обріжте фото колом і збережіть як PNG із прозорим тлом, перш ніж його використовувати.
Чи можна самому редагувати HTML?
Так. Скористайтеся Копіювати HTML-код або Завантажити й відредагуйте код у будь-якому текстовому редакторі. Зберігайте таблиці та вбудовані стилі: більшість поштових клієнтів ігнорують таблиці стилів і класи.
Чому соцмережі показано текстом, а не піктограмами?
Піктограми були б зображеннями, а зображення – це частина підпису, яку блокують найчастіше. Текстові посилання відображаються завжди, лишаються читабельними в темному режимі й не обтяжують підпис.
Чи зберігаються або надсилаються кудись мої дані?
Ні. Підпис створюється у вашому браузері. Нічого не завантажується на сервер, а після закриття сторінки вона нічого не зберігає.
Схожі інструменти
- Генератор посилань mailto Створіть посилання mailto з одержувачами, копією, прихованою копією, темою й текстом листа з правильним відсотковим кодуванням і готове HTML-посилання.
- Генератор QR-кодів Створюйте безкоштовні QR-коди для посилань, тексту, Wi-Fi, контактів, пошти та SMS. Додайте кольори й логотип, завантажте PNG чи SVG. Приватно.
- Генератор UTM-посилань Створюйте URL кампаній із параметрами UTM для Google Analytics: одне посилання чи сотні одразу, зі збереженням наявних параметрів запиту та експортом у CSV.