Блокировка изображений в письмах: мини-гайд для новичков и экспертов

Блокировка изображений в письмах — довольно распространенная проблема. Иногда почтовые клиенты блокируют изображения по умолчанию, а в других случаях пользователи сами отключают их. Письмо с заблокированными изображениями может лишить читателей его смысла, как показано на картинке ниже.

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

Причины блокировки изображений почтовыми клиентами

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

• Безопасность

Почтовые клиенты с включенными изображениями по умолчанию используют прокси-серверы для размещения картинок, а не постоянные хосты. Таким образом, почтовые клиенты проверяют письма на наличие вирусов и вредоносных программ еще до того, как те попадают в электронные почтовые ящики. Поэтому в большинстве случаев необходимость блокировать изображения отпадает.

Однако Microsoft считает, что блокировка изображений соответствует интересам подписчиков. Это защитит читателей от вредоносного кода и оградит от потенциально агрессивного контента. Таким образом, это снизит вероятность киберпреступлений. 

• Проблема пропускной способности

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

Поэтому маркетологам стоит оптимизировать изображения и хранить их в сжатом виде. Мы рекомендуем ограничить размер файла изображения до 1 МБ и использовать три основных формата картинок — JPEG, GIF и PNG.

Какие почтовые клиенты блокируют изображения в письмах?

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

Десктопные почтовые клиенты

Клиенты веб-почты

Мобильные клиенты

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

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

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

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

1. Добавьте ссылку на «Веб-версию» в письмо

Если ваше сообщение не отображается должным образом в почтовом клиенте подписчиков, веб-версия рассылки позволит им просматривать ее как веб-страницу. Веб-версия содержит все элементы, которые вы добавили в письмо, включая изображения, анимированные GIF-ки, ссылки и т. д.

(Источник: письмо от 1440 Daily Digest)

2. Поработайте над альт-текстом для каждого визуального элемента

Альт-текст — это расшифровка или пояснительный текст, который отображается при блокировке изображений. Такой текст будет прочитан вслух в том случае, если подписчики пользуются программами чтения с экрана. Почти каждый почтовый клиент поддерживает альт-текст, что делает его одним из самых быстрых и эффективных способов преодоления блокировки картинок. 

Посмотрите на этот скриншот, чтобы понять, как альт-текст будет отображаться в письме с заблокированными изображениями. 

(Источник: письмо от Jack Spade)

Альт-текст не обязательно должен быть скучным — вы можете привнести в него немного юмора. Просто придерживайтесь контекста изображений. Более того, не оставляйте альт-текст пустым, чтобы соблюдать правила доступности писем и избегать спам-фильтров.

3. Переходите на гибридные письма

Обычное письмо — это сообщение с простым текстом. Вы не можете форматировать этот текст или вставлять ссылки на анкорные слова. Вместо этого вы можете просто добавить свои ссылки рядом с анкорами. В HTML-письмах вы можете оформить свои сообщения с помощью различных цветовых схем, видео, изображений и встроенных ссылок. Гибридные письма — отличный инструмент, когда вы хотите, чтобы сообщение отображалось в любом почтовом клиенте. Такое письмо выглядит как обычный текст, но на самом деле это HTML-письмо, которое не зависит от медиазапросов.

(Источник: письмо от Statista)

4. Включите фоновые изображения с прямым текстом поверх них

Использование фоновой картинки с прямым текстом — еще один обходной путь для блокировки изображений. Используйте цвета фона вместе с фоновыми картинками, чтобы повысить визуальную привлекательность писем, даже если изображения отключены.

5. Экспериментируйте с пиксель-артом, чтобы создать великолепный пользовательский опыт

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

Harvey Nichols блестяще использовали пиксель-арт для борьбы с проблемой заблокированных изображений. 

(Источник: письмо от Harvey Nichols)

В другом примере компания Email Uplers изобразила пасхального кролика с помощью пиксель-арта. 

(Источник: письмо от Email Uplers)

Исходное письмо выглядело так:

(Источник: письмо от Email Uplers)

6. Никогда не отправляйте письмо, состоящее из картинок

На первый взгляд, письмо с одними изображениями выглядит довольно привлекательно. Но это может привести к нескольким проблемам. Во-первых, ваша рассылка будет выглядеть так, как показано в примере ниже, что не будет иметь никакого смысла для читателя. В результате они будут вынуждены пометить его как спам или отписаться. Как ни странно, это выглядит как письмо, приглашающее пользователей отписаться от рассылки. 

Более того, такие письма будут вызывать срабатывание спам-фильтров, что повлияет на репутацию вашего отправителя. Это скажется на коэффициенте доставляемости писем и общей эффективности email-кампаний. В соответствии с лучшими практиками, вы всегда должны поддерживать соотношение текста к изображениям как 80:20.

7. Попросите подписчиков включить ваши письма в вайтлист

Каждый раз, когда новый пользователь подписывается на вашу рассылку, вы отправляете ему приветственное письмо, верно? Используйте эту возможность и попросите их с самого начала внести ваши письма в белый список. Вайтлистинг — это процесс, в ходе которого подписчик добавляет ваш адрес электронной почты в свой список контактов или адресную книгу. 

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

(Источник: письмо от Go Outdoors)

8. Измените настройки и разблокируйте изображения

Некоторые почтовые клиенты отображают вверху сообщение, которое позволяет пользователю отображать картинки в случае, если они отключены. Это самый удобный способ преодоления проблемы блокировки изображений. 

(Источник: письмо от Go Outdoors)

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

(Источник: Gmail)

Outlook также позволяет пользователю загружать картинки в случае, если они заблокированы по умолчанию. 

(Источник: Microsoft Support)

9. Всегда тестируйте свои письма перед рассылкой

Альт-текст работает как запасной вариант, когда картинки отключены в почтовом клиенте подписчика. Убедитесь, что он хорошо выглядит и правильно передает смысл сообщения. Используйте такие инструменты, как Litmus или Email on Acid, чтобы убедиться в идеальной визуализации писем. Протестируйте письма с отключенными изображениями, чтобы получить представление о том, как выглядит письмо с заблокированными картинками. 

Просмотрите видео ниже, чтобы узнать больше об интеграции Stripo с Email on Acid и извлечь максимум пользы из нашего инструмента тестирования:

В завершение

Блокировка изображений не означает, что вы должны полностью отказаться от визуальных элементов. Хотя такие почтовые клиенты, как Outlook, блокируют картинки и приводят к проблемам с рендерингом, другие почтовые клиенты постепенно становятся более восприимчивыми к визуальным элементам и загружают картинки по умолчанию. 

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