Встраивание CSS для писем
Работает локально в браузереВстраивайте CSS в HTML писем с верным каскадом, сохранёнными медиазапросами и безопасным предпросмотром
Вставьте HTML письма, загрузите файл .html или загрузите пример.
Связанные инструменты
Встраивание CSS для писем
Переносит CSS из блоков <style> и необязательного поля «Дополнительный CSS» в атрибуты style — формат, который почтовые клиенты вроде Gmail и Outlook отображают надёжно. Каскад рассчитывается с учётом реальной специфичности, порядка правил и !important, а медиазапросы, @font-face и правила :hover остаются в блоке <style>, потому что их нельзя встроить.
Как пользоваться
- 1.Вставьте полный документ письма или фрагмент, загрузите файл .html или загрузите пример.
- 2.При необходимости вставьте дополнительный CSS, например связанную таблицу стилей, в поле «Дополнительный CSS».
- 3.Выберите вид и формат результата; в разделе «Дополнительно» можно изменить, что сохранять и какие HTML-атрибуты добавлять.
- 4.Просмотрите предупреждения и проверьте вкладку HTML или предпросмотр письма в ширине десктопа и мобильного.
- 5.Скопируйте HTML или скачайте email-inlined.html.
Ограничения и конфиденциальность
Всё выполняется в браузере с помощью библиотеки juice: ничего не отправляется, а связанные таблицы стилей и файлы @import никогда не загружаются. Предпросмотр работает в изолированном фрейме без скриптов, удалённые изображения загружаются только с вашего разрешения. Отображение в браузере не гарантирует отображения в Gmail или Outlook. HTML и параметры сохраняются в этом браузере; очистите данные сайта, чтобы удалить их.
