Использование GIF-анимации в письмах

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

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

Что важно знать, если вы собираетесь встроить GIF-анимацию в письмо:

1. Из-за долгой загрузки анимации часть подписчиков могут не дождаться и закроют письмо. Используйте для сжатия сервисы Compressor.io, GifCompressor.com, Iloveimg.com, Ezgif.com.
2. GIF-формат не подходит для длинных инструкций, это не видео, которое можно перемотать или поставить на паузу.
3. GIF поддерживает прозрачность фона, поэтому вы можете создавать изображения разной формы.
4. Динамичные иллюстрации воспроизводятся во всех браузерах и почтовых клиентах, поэтому смело внедряйте их в рассылку.

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

Используйте анимацию в сообщениях обдуманно, и тогда они:

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

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

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

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

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

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

Анимированная картинка для email-рассылки создаётся двумя способами: собирается из нескольких статичных изображений или получается методом конвертации видео. Есть третий вариант — взять готовое изображение из библиотеки, например, с сайта tenor.com или giphy.com.

Сервисы для создания GIF-анимации
Расскажем о сервисах для создания анимации из разных исходников: фото, видео на компьютере или на YouTube.

Где сделать GIF из видео
Подборка актуальных онлайн-сервисов:

1. Giphy.com, Gifrun.com. Принцип в обоих сервисах одинаковый. Вставляете ссылку на YouTube-видео, выбираете нужные настройки, конвертируете и получаете ссылку на скачивание гифки.
2. Ezgif.com. Преобразует в анимированный формат любые видео с компьютера. Онлайн-программа моментально конвертирует файл, а если захотите, можно добавить текст, водяной знак или лого, поменять размер, задать время старта и окончания.
3. Giphy.com. Сервис для преобразования видео в GIF. Здесь можно накладывать фильтры стикеры, добавлять и форматировать текст, обрезать видео. Изображения отдаются без водяного знака.
4. Makeagif.com. Практически те же возможности, что в предыдущем варианте, но гифка получается с крупным водяным знаком. Чтобы его не было, надо оплатить подписку в размере $12 в месяц.
5. Gifs.com. Ещё одна бесплатная онлайн программа с водяным знаком на готовой анимации. Есть много инструментов и шрифтов, изображение можно даже отражать по вертикали и горизонтали, довольно сложный для неопытного пользователя.

Как создать анимацию из фото
Самые популярные сервисы:

• Gifpal.com. Простая бесплатная англоязычная онлайн-программа, где можно настроить очерёдность, длину показа и спецэффекты. Водяных знаков нет.
• Ezgif.com. Довольно быстро собирает анимацию из фото. Здесь тоже всё просто и бесплатно, есть фильтры, можно добавить спецэффекты и текст.
• Supa.ru. Русскоязычный сервис с множеством настроек, эффектов и шаблонов. Создание GIF из фото доступно только по платной подписке.

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

Порядок действий может быть таким:

1. Зарегистрируйтесь в сервисе рассылок.
2. Приступите к созданию шаблона письма.
3. Выберите, как будете создавать шаблон — в конструкторе из готовых элементов или с помощью HTML.
4. Добавьте на холст блок «Изображения».
5. Вставьте гиф, используя URL-адрес или загрузите изображение с локального диска.

Если собираете шаблон письма в HTML, используйте для вставки гифки тег <img>.

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

1. Привлекли внимание к скидкам и подчеркнули атмосферу праздника:

2. Показали, что можно купить в онлайн-супермаркете и почему это удобно:

3. Заставили улыбаться и сыграли на любопытстве:

4. Скомбинировали статичное изображение и анимацию, добавили развлекательный элемент к серьёзному продукту:

5. Продемонстрировали целую линейку купальников в одном изображении:

6. Предложили поиграть:

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