Меню

Как добавить анимированные GIF-файлы в email-рассылку: краткая инструкция с примерами

Анимация в email — простой способ оживить имейл‑маркетинг, добавив ему уникальности. В статье рассказали, как вставить gif в email, и показали 5 крутых примеров гифок в рассылках популярных брендов.

Gif — подходящий для emailing (электронных писем) формат изображений, который поддерживает анимацию картинок. Гифка имеет маленький вес и представляет собой короткую зацикленную анимацию.

Зачем использовать в email gif

1. Привлечь внимание читателя к конкретному предложению и «намекнуть» ему на определённое действие. 

Посмотрите, как Ашан акцентирует внимание подписчика на информации об акции — купи пирожное вместе с чаем и получи бонус в виде кешбэка. Простая гифка, но она цепляет взгляд и работает.

2. Заменить несколько картинок одной динамичной гифкой. 

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

3. Добавить индивидуальности. Гиф не обязательно должна нести какую‑то сверхфункцию. Вставить gif можно просто для того, чтобы сделать email более привлекательным.

Иви в своей рассылке «Топ-10 фильмов и сериалов за неделю» используют анимацию, чтобы показать эту золотую десятку в одном окне‑телевизоре. Классное решение вместо текстовки.

4. Создать нужную атмосферу. Иногда gif animation помогает подчеркнуть тему письма.

СДЭК в своей предновогодней рассылке вставили в email зимнюю gif со снежинками и окунули читателя в атмосферу «Ласт кристмас ай гив ю май харт». Настроение понятно без слов — осталось почитать об эксклюзивных новогодних предложениях, перейти на сайт и «заказать первым».

5. Оживить персонажа. Если у вашего бренда есть маскот или вы сделали своего персонажа для акции, почему бы не оживить его в почте?

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

Как добавить gif в email

Gif встраивается в email точно так же, как обычное изображение. Чтобы добавить анимашку в рассылку, используйте тег <img>. 


Создавать живые картинки для своих emails можно самостоятельно через: 

  • Adobe After Effects
  • Photoshop
  • Instagiffer

Или есть вариант попроще. Вы можете скачивать гифки с бесплатных стоков и так же классно интегрировать их в письма. Вот 3 сервиса, где можно скачать бесплатно тематические анимации: 

Все гифки сопровождаются кодом для встраивания — вам нужно его только скопировать.

Что ещё нужно знать о гифках

  • Чтобы гифка хорошо отображалась на всех почтовых клиентах, её размер должен быть не очень большой — до 1 Мбайт.
  • Не стоит в одно письмо запихивать много gif animations — есть шанс переспамить email. К тому же в десктопной версии Outlook они не будут запускаться автоматически.
  • Как и другие письма, имейлы с анимашками и видео нужно тестировать. Чтобы после не получилось так: читатель зашёл в свой mail, а у него вместо анимации — обычная картинка.

Советуем почитать