Як вставити GIF у HTML-імейл

Анімовані гіфки широко використовуються в email-маркетингу, а їхні переваги цілком зрозумілі. По-перше, вони привертають увагу, зацікавлюють, а також допомагають налаштувати емоційний зв’язок з аудиторією. По-друге, гіфки — це чудовий спосіб візуалізувати та розбавити сухий текст краплею інтерактиву. З їхньою допомогою ви можете пояснити складні речі, наприклад, якщо вам необхідно продемонструвати новий інтерфейс додатка.

Також, гіфки — це чудова альтернатива відео. У порівнянні з відео, гіф займають менше місця на пристрої отримувача. Крім того, на жаль, не всі імейл-клієнти підтримують відтворення відео, в той час як гіфки відображаються коректно в більшості додатків та на більшості пристроїв.

Зверніть увагу: такі поштові клієнти як Outlook (2007-2016) та Windows Phone 7 відображають лише перший кадр анімації. Не забудьте про це, коли створюватимете гіфку, та виберіть релевантний кадр для відображення. Отже, ваші отримувачі не упустять найголовніше та зрозуміють, що вони повинні зробити. Ми рекомендуємо вам вибрати для цього кадру заклик до дії (CTA).

Додавання гіф до HTML-імейлу схоже на додавання зображення. Ось, як ви це можете зробити:

Крок 1. Підготуйте гіфку, яку ви хотіли б надіслати своїм підписникам.

Ви можете знайти різноманітні гіфки на безкоштовних ресурсах або створити власну, використовуючи Adobe Photoshop, Giphy, PhotoScape або будь-який інший схожий сервіс.

Крок 2. Переконайтеся, що ви оптимізували гіфку.

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

Найоптимальніший розмір гіф — від 500 Кбайт да 1 Мбайт. Також, професіонали рекомендують обмежити кількість кольорів та кадрів та не перевищувати 600 px у ширину. Це стандартна ширина HTML-імейлів.

Крок 3. Додайте гіф до імейлу.

Вставте вихідний код анімації у свій HTML-імейл.

Зверніть увагу, що додана гіф повинна бути доступною в інтернеті. Якщо ви створюєте власну гіфку, завантажте її на сайт, наприклад, Giphy. Після цього скопіюйте посилання на зображення та вставте його у свій імейл.

Для звертання до повного посилання, скористайтеся кодом HTML “img src”:

<HTML>
<HEAD> <TITLE>Activity – Insert animated GIF to HTML</TITLE> </HEAD>
<BODY>
  <IMG SRC=”example.gif”>
</BODY>
</HTML>

Крок 4. Протестуйте HTML-імейл перед надсиланням.

Перевірте свій імейл завчасно. Переконайтеся, що гіф відображається коректно, а у отримувачів вашої тригерної розсилки не виникне проблем з її переглядом.

І найголовніше: не зловживайте гіфками. Однієї чи двох в одному імейлі буде достатньо. В іншому випадку, ви можете зіпсувати враження про себе, як про професіонала.

Також рекомендуємо вам ознайомитися з нашою статтею про те, як надіслати HTML-імейл за допомогою Snov.io.

Бажаємо вам успіхів!

Чи була стаття корисною?

Дякуємо за відгук!

Нам шкода 😢

Як нам покращити статтю?