Полное руководство по изображениям для информационных бюллетеней

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

Итак, если обложка не помогает открываться, влияет ли она, по крайней мере, на вовлеченность?

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

Лучший размер изображения для информационного бюллетеня для нескольких экранов

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

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

Пример письма с двумя столбцами на экране телефона

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

Службы информационных бюллетеней, такие как Active Campaign , Mailchimp или MailerLite (которые мы , кстати, рассматриваем здесь ), позволяют легко этого добиться благодаря своим адаптивным шаблонам.

Простые идеи дизайна информационного бюллетеня, о которых нужно помнить

Чтобы создать красивое электронное письмо, не требуется диплом дизайнера. Но есть несколько советов по дизайну, о которых следует помнить, думая о «недвижимости» изображения заголовка в рамках всего информационного бюллетеня.

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

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

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

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

Как создавать профессиональные изображения для информационных бюллетеней

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

Пример вариантов размера холста на выбор в Snappa.

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

Подсчет размера файла изображения заголовка электронной почты

Еще одна вещь, о которой вам нужно подумать при добавлении изображений в электронные письма, - это размер их файла. Они должны быть как можно меньше, иначе они не преодолеют ограничения по размеру, установленные почтовыми клиентами. Убедитесь, что изображения не превышают 1 МБ, но попробуйте стремиться к 100 КБ или меньше для каждого изображения (если вы не используете анимацию).

Хороший способ уменьшить размер файла при сохранении максимального качества - запустить его через tinypng.com (работает и с изображениями jpg). Вы просто перетаскиваете изображения на страницу, и она сокращает их до меньшего размера (вы даже не заметите никакой разницы в качестве)… все бесплатно!

Создавайте электронные информационные бюллетени вокруг блокировщиков изображений

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

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

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

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

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

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

Информационные бюллетени видео и электронные письма GIF

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

Один из способов обойти это - наложить статическое изображение на кнопку воспроизведения, которая затем перенаправляет пользователя на размещенную службу (например, YouTube). Однако есть еще один способ: использовать анимированные GIF-файлы.

Anthropologie, бренд товаров для дома, использовал этот GIF в своей кампании. Источник изображения : Mailbakery.com

GIF-файлы предлагают легкую альтернативу видеоконтенту в электронной почте и могут быть созданы различными способами . GIF-файлы отлично подходят для демонстрации того, как работает продукт, или демонстрации под разными углами, или просто создания чего-то привлекательного. Только не делайте их слишком большими (рекомендуется менее 1 МБ) и, как и изображения, не злоупотребляйте ими.

Back on Track - Введение в курсы открытия

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

Открытые ставки в ActiveCampaign.

Уровень открытия отслеживается путем загрузки изображения в один пиксель. Когда этот пиксель загружается, регистрируется, что клиент открыл электронное письмо. Теперь, используя информацию о блокировке изображений, которую мы только что обсудили, возможно, вы сможете увидеть, где может возникнуть проблема?

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

Заключение

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

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