Меню
Switch to English

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

  • Adobe After Effects.
  • Photoshop.
  • Instagiffer.

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

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

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

  • Чтобы гифка работала корректно на всех почтовых клиентах, её размер должен быть не очень большой — до 1 мегабайта. 
  • Не стоит в одно письмо запихивать много animations. Иначе есть шанс переспамить имейл. Лучше ограничиться 1-2 гифками. 
  • Как и любые другие письма, имейлы с анимашками нужно тестировать перед отправкой. Чтобы не получилось — читатель зашел в свой mail, открыл письмо, а у него вместо анимации обычная картинка.

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