Mozilla Thunderbird: почему он заслуживает внимания и как обрабатывает email-рассылки

Microsoft Outlook и Gmail (в составе Google Workspace) уже много лет уверенно держат лидерство в сегменте корпоративных рассылок. Однако рынок не ограничивается только гигантами индустрии и предлагает множество иных решений, которые изначально могут не попасть в поле зрения, но определённо заслуживают внимания.

Одно из них — почтовый клиент Mozilla Thunderbird: его нередко выбирают как бесплатную альтернативу с открытым исходным кодом. В статье расскажем, что представляет собой этот клиент, какие преимущества он предлагает и какие особенности рендеринга писем встречаются в его десктопной и мобильной версиях.

Что такое Thunderbird и в чём его преимущества

Thunderbird — продукт Mozilla Foundation, создателей популярного браузера Mozilla Firefox. Проект поддерживается как основной командой разработчиков, так и сообществом. При этом он сохраняет независимость от коммерческих платформ и корпоративных экосистем.

Впервые Thunderbird увидел свет в 2003 году и за более чем два десятилетия завоевал признание пользователей, в том числе в корпоративном секторе. Среди основных причин — доступность решения и политика компании.

Открытый исходный код. Mozilla Thunderbird представляет собой open-source-проект. Изменения в основной версии оцениваются и принимаются командой разработки. Но при этом исходный код клиента доступен публично: любой желающий может детально изучить, как именно он устроен, предложить улучшения или даже адаптировать код под собственные задачи.

Почему это важно для бизнеса? Потому что в отличие от многих проприетарных решений, фактически представляющих собой «чёрный ящик», Thunderbird остаётся открытым для изучения и модификаций. Его поведение можно проверить на уровне кода — важный аспект для компаний с повышенными требованиями к безопасности и прозрачности.

Свободное и безвозмездное распространение. Thunderbird полностью бесплатен. Никаких подписок, платных лицензий, обязательного подключения к облачным серверам компании или ограничений по сценариям использования. Письма и настройки остаются под контролем пользователя: их можно хранить локально или на выбранном сервере.

Для бизнеса это означает, что почтовый клиент достаточно просто скачать, установить и настроить (например, синхронизировать с внутренними механизмами рассылок в компании) без дополнительных затрат. Это может быть особенно актуально для команд и организаций с небольшими бюджетами или значительным числом сотрудников.

Что касается рендеринга писем, то Thunderbird отображает HTML-рассылки на базе движка Gecko — того же, который лежит в основе Firefox. То есть, клиент использует знакомую для продуктов Mozilla логику разбора HTML и CSS, в целом корректно обрабатывая базовую структуру email-писем.

Вместе с тем Thunderbird остаётся почтовым клиентом, а не браузером. Письма рендерятся не как обычные веб-страницы, а часть CSS-свойств, медиа-запросов и поведенческих механизмов здесь работает с особенностями и ограничениями. Об этих тонкостях мы и поговорим далее.

Особенности рендеринга писем в Thunderbird

Работа с max-width изображений

Одна из отличительных черт Thunderbird связана с обработкой изображений.

Если изображение не обёрнуто в ссылку и его исходный размер больше, чем отображаемый, клиент автоматически добавляет механизм shrinktofit, чтобы графический элемент сжимался под ширину контейнера. При наведении появляется иконка лупы, с помощью которой графику можно масштабировать до полного размера:

Чтобы реализовать такое поведение, Thunderbird добавляет правило:

max-width: 100% !important

Оно имеет более высокий приоритет для клиента и перезаписывает ограничения, заданные в письме.

Рассмотрим простой пример:

<img src="..." style="width: 100%; max-width: 30px;" />

Здесь логика компонентов работает так:

• width: 100% задаёт ширину как 100%;
  
  
• max-width: 30px ограничивает максимальную ширину тридцатью пикселями.

Вот только в Thunderbird добавленный стиль max-width: 100% !important перекрывает ограничение max-width: 30px. В результате изображение попросту игнорирует заданный предел и растягивается на всю доступную ширину контейнера.

По итогу получается, что графика в рассылке может выглядеть так:

Хотя по изначальной задумке изображения в письме должны были отображаться иначе:

Как с этим бороться? На самом деле, довольно легко. Достаточно использовать атрибут width вместо max-width для описания точного размера:

<img src="..." style="width: 30px;" />

В этом случае внутренняя логика Thunderbird не будет вмешиваться в расчёт, а shrinktofit не повлияет на ширину изображения.

Поведение в тёмной теме

Как и большинство других почтовых клиентов, Thunderbird поддерживает тёмную тему. Однако здесь её обработка происходит по собственным правилам.

По стандартной логике (во многих других почтовых клиентах), в тёмной теме:

• светлые фоновые цвета перекрашиваются в тёмные, сохраняя при этом свой тон;
  
  
• изначально тёмные цвета остаются неизменными.

Thunderbird действует иначе: здесь атрибут bgcolor в тёмной теме вырезается. Фоновый цвет, заданный через CSS-свойство background-color, останется без изменений, но только если он достаточно тёмный. В противном случае он также будет удалён:

Чаще всего подобные проблемы касаются кнопок и плашек в письме. Если фон кнопки задан светлым цветом, в тёмной теме он может исчезнуть. Проще говоря, визуально кнопка перестанет выделяться и будет напоминать обычную текстовую ссылку.

Вот как это выглядит на практике. Светлая кнопка, хорошо заметная в светлом режиме, в тёмной теме едва различима:

В то же время кнопка с более тёмным фоном сохраняет заметность:

Решением в этой ситуации может стать использование более тёмных заливок для кнопок или использование обводки (border). В Thunderbird она не перекрашивается и не удаляется, за счёт чего способна акцентировать кнопку:

Рендеринг цветов в мобильном приложении

Начиная с 2024 года Thunderbird также стал доступен в виде приложения для Android. При этом в части отображения цветов поведение мобильного клиента отличается от десктопного в лучшую сторону.

В мобильном приложении заливка не исчезает. Если цвет слишком светлый, он просто перекрашивается. Набор доступных цветов полностью соотносится с таковым, например, в мобильной версии Gmail:

Загрузка изображений и обрезка писем

И в десктопной, и в мобильной версиях Thunderbird загрузка внешних изображений по умолчанию отключена. Их можно отобразить в конкретном письме или включить загрузку внешнего контента в «Настройках».

Однако до этого момента письмо будет открываться без подгруженных изображений. Поэтому для них важно проработать alt-тексты: короткое и точное описание поможет сохранить контекст, даже если графика не отображается.

В мобильном Thunderbird есть и ещё одна особенность — рассылка не всегда загружается целиком при открытии. Сначала видно только заголовок и часть тела письма, а остальной контент загружается после нажатия по кнопке «Загрузить полностью».

Вот так будет выглядеть письмо без изображений и загруженное не до конца:

Скриншот письма Лемана ПРО используется исключительно для иллюстрации, в информационных и образовательных целях

Этот момент стоит учитывать при работе с трекинг-пикселями. Если они размещены в нижней части шаблона, есть риск, что они не загрузятся до тех пор, пока пользователь не запросит письмо целиком. Решение здесь классическое: тестировать рассылки и вносить изменения, если что-то отображается не так, как ожидается.

Заключение

Thunderbird не стремится повторять экосистемные решения — и в этом его сильная сторона. Он остаётся открытым и гибким, способным отлично показать себя там, где важны контроль над инфраструктурой, прозрачность и работа с собственной почтовой системой.

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

Держать вёрстку шаблонов под контролем вам поможет наш конструктор писем Pixcraft, учитывающий тонкости различных email-клиентов. Убедитесь сами: зарегистрируйтесь сегодня и получите 14 дней бесплатно, чтобы опробовать его в деле.