Гайды

Как сделать стильное письмо при помощи GIF

Блестящие примеры гиф-анимации в рассылках
Как сделать стильное письмо при помощи гифки
Анастасия Рогозина
обновила статью

Анимированные картинки в формате GIF, или просто гифки, появились на заре интернета в 1987 году. Но с тех пор они не потеряли актуальность, всё дело в динамике и простоте формата. На странице сайта или в письме гифки привлекают больше внимания, чем статичные иллюстрации. Контент оживает на глазах.

Приведем несколько удачных примеров рассылок с GIF-анимацией и расскажем, какие у гифок есть подводные камни.

Преимущества использования GIF в email-рассылках

Если делать с умом и вкусом, то они:

  • привлекают внимание и могут повысить CTR;
  • оживляют текст;
  • наглядно иллюстрируют идею или показывают продукт;
  • выглядят красиво.

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

Гифку, как и любую иллюстрацию, не нужно включать в письмо просто так. У неё должна быть функция: проиллюстрировать какой-то тезис, показать товар, привлечь внимание к какому-то моменту или даже просто насмешить читателя. 

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

Как правильно использовать картинки и фотографии в рассылках

Как сделать GIF

Гифку можно сделать двумя основными способами — собрать из нескольких изображений или конвертировать в формат GIF уже готовое видео. 

Вот, например, простая гифка от GAP:

Вставить гиф в письмо для рассылки

Эту анимацию собрали из 8 фотографий:

Сделать гифку из фотографий

Конвертировать видео в GIF — тоже довольно простое решение, которое можно реализовать при помощи сторонних сервисов. Иногда для этого даже не нужно скачивать видео, достаточно приложить ссылку на ролик с YouTube.

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

Удачные примеры GIF в рассылках

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

Гифка в рассылке для привлечения внимания
Магазин подарков Pichshop использует гифку, чтобы привлечь внимание к инфоповоду
Beats Music сообщают о разных цветах продукта при помощи GIF
Aviasales использует GIF, чтобы разбить длинный список и привлечь пользователя на сайт
Кинофестиваль Sundance указывает в гифке на дату и формат проведения

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

GIF используют в самых разных сферах, в том числе, чтобы просто сделать рассылку менее формальной и более задорной.

Первое, что видит получатель письма от «Нетологии» — жизнерадостная гифка

Такие анимации не обязательно создавать самостоятельно — их можно найти на специальных сайтах, например, на Giphy или Chibird. Но внимательно следите за авторскими правами на изображения!

Как вставить GIF в конструкторе Unisender

Когда не стоит использовать GIF в рассылке

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

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

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

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

Каким должен быть оптимальный размер письма для email-рассылки

Коротко о главном

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

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