Проверка совместимости HTML/CSS в письмах
Вставьте полный HTML вашего письма (со стилями): инструмент статическим анализом найдёт CSS-свойства и теги, которые плохо работают в Outlook, Gmail и других почтовых клиентах, и перечислит, что стоит проверить перед отправкой.
Как это работает
Инструмент ищет в вашем HTML шаблоны, известные проблемами в основных почтовых клиентах: современные CSS-свойства, не поддерживаемые движком отрисовки Word, который использует настольный Outlook (flexbox, grid, position fixed), интерактивные теги, которые блокируются всегда (<script>, <iframe>, <video>), и приёмы с непредсказуемым результатом в зависимости от клиента (@media, фоновые изображения CSS, стили не inline). Каждая находка классифицируется как «блокирующая» (вероятно, сломанное отображение) или «предупреждение» (возможное, но не обязательное ухудшение) с пояснением, каких клиентов это касается.
Будет ли «чистое» по мнению инструмента письмо идеально отображаться везде?
Абсолютной гарантии нет: анализ статический и охватывает самые известные и задокументированные подводные камни (в частности, на таких ресурсах, как Can I Email), но он не заменяет реальное тестирование в основных клиентах (Outlook, Gmail, Apple Mail, Yahoo) через сервис тестирования писем. Это быстрый первичный фильтр, а не сертификат полной совместимости.
Почему для писем по-прежнему рекомендуют HTML-таблицы?
В отличие от обычной веб-вёрстки, вёрстка на <table> остаётся самым надёжным способом для писем: все клиенты, включая Outlook, давно и одинаково её поддерживают, тогда как современные приёмы CSS (flexbox, grid) поддерживаются неравномерно.
Код вашего письма никогда не отправляется на сервер: анализ выполняется целиком в вашем браузере.