GIF в емейл-сообщениях

Наташа Вишанкова

Эксперт по цифровому маркетингу

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

Эволюционно сложилось так, что наш мозг активно реагирует на раздражители. Поэтому GIF-изображения — это то, на чём останавливается взгляд, когда вы пролистываете утром «непрочитанные» (Движение! Что это там?). То есть движущаяся картинка —  это отличный способ привлечь внимание пользователей и сделать акцент на том, что вы хотите до них донести.

Как создать GIF-изображение

Что сделать, чтобы получилась GIF-ка, рассказал руководитель отдела вёрстки Валера Селезнёв.

Создавать гиф-файл можно несколькими способами:

1. Конвертировать видео в GIF-изображение. Для этого есть много онлайн-сервисов, например, Ezgif или Giphy. Там можно оптимизировать гифку: уменьшить разрешение, обрезать, уменьшить количество кадров в секунду. Или просто запустить авто-оптимизатор, который немного ухудшит качество гифки, но тем самым уменьшит его исходный размер. 

2. Ещё один способ конвертировать видео в GIF-изображение — через программу для монтажа Adobe Premiere или Adobe Photoshop.

3. Сделать GIF из нескольких фото можно с помощью сервисов Gifius или Toolson.

4. Ещё один вариант: скачать готовые в интернете. Но следите за тем, чтобы их можно было использовать в коммерческих целях.

РАЗМЕСТИ НА СВОЕМ САЙТЕ ИЛИ В ПИСЬМЕ ЧУЖУЮ КАРТИНКУ И ПОЛУЧИ ИСК ДО 5 МИЛЛИОНОВ РУБЛЕЙ!

Что важно помнить

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

Или используйте условие if аутлук - то баннер, else гифка
<!--[if mso]>
Outlook content
<![endif]-->
<!--[if !mso]> <!-->
Non-outlook content
<!-- <![endif]-->

Ориентируйтесь на вашу целевую аудиторию при её создании — важно, чтобы изображение было уместно и не вызывало недоумений у получателей письма.

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

Валера Селезнёв

руководитель отдела вёрстки

«Самая важная штука, на которую стоит обращать внимание — это вес гифки. Ведь она может весить и 4-5 мегабайта, а может и больше. Далеко не у всех на телефонах высокоскоростной интернет, который позволит этой гифке загрузиться при открытии письма. И довольно легко представить себе сценарий, когда подписчик успеет проскролить всё письмо, а гифка в начале письма едва успеет к этому моменту прогрузиться. Соответственно, он даже не увидит нашу красоту. Но и слишком оптимизированная гифка будет выглядеть ужасно. Потому всегда важно соблюдать баланс между качеством и размером — попробуйте изменить цветовое решение или убрать несколько кадров.»

Как отправлять

GIF вставляется в письмо так же, как и изображение любого другого формата — с помощью тега <img>.

Примеры

Нельзя взять и не показать примеры GIF-изображений в статье про GIF-изображения.

Netflix часто отправляет письма с GIF-картинками в своих письмах с премьерами и обзорами — их действительно интересно просто открывать, чтобы посмотреть, что там на этот раз.

Aviasales — иллюстрирует заголовок письма забавной GIF-картинкой.

Такие громкие инфоповоды как «Чёрная пятница» заставляют компании придумывать темы писем и контент особенно тщательно. GIF в самом начале письма точно заставят подписчика остановиться и взглянуть на письмо.

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

В первом письме танцующие олени рассказали о том, что грядёт бизнес-завтрак.

Во втором пингвины показали дорогу до места проведения.

В третьем письме котики поделились презентациями спикеров и поблагодарили всех клиентов, которые пришли в гости.

А в последнем Скуби-Ду и Шегги прислали фото.

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

А так интернет-магазин Revolve приглашает перейти на сайт и сделать заказ.

PIZZA HUT поздравляет своих подписчиков и предлагает задуть свечку для исполнения желаний! 🙂

Nike в честь дня рождения дарит 25% скидку.

А компания Fundbox поздравляет клиентов с праздниками письмом с простой, но очень милой GIF-анимацией.

Сферам, которые считаются сложными и специфическими, тоже не запрещено использование GIF-изображений. Например, компания ZocDoc отправляет письмо с короткой иллюстрацией того, как легко можно записаться к врачу с помощью приложения.

Многие компании из разных сфер бизнеса не зря используют GIF-анимацию — её не сложно создать, она интересно выглядит, делает письмо живым и привлекает внимание. 

Разве может это не привлечь внимание? 🙂

Согласен

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