Як додати GIF-файл в лист для Outlook і переконатися, що анімація працює

Маркетологи постійно ставлять одне й те саме питання двома різними способами. Перше: «Як додати GIF-ку в лист у Outlook?». На це можна відповісти за дві хвилини. Друге: «Чому додана GIF-ка у половині поштовиків нерухома?». Ось де справжнє питання.

У цій статті ми дамо відповіді на обидва з них. Спочатку ми розповімо, як додати GIF-ку в Outlook, що насправді доволі просто. Потім перейдемо до складнішої частини: з’ясуємо, яку версію Outlook використовують ваші отримувачі, чому відображення відрізняється в різних версіях, як створити правильно оформлений лист, чи працює анімація та як перевірити це перед надсиланням.

Ключові висновки

1. Outlook — це не один поштовийк. Класичний Outlook для Windows, новий Outlook, Outlook для Mac, Outlook у вебверсії та мобільні застосунки по-різному обробляють анімацію, і лише частину цієї поведінки можна контролювати.
2. Чи відображатиметься анімація в класичному Outlook, залежить від налаштувань Windows у одержувача. Ви не можете примусити її відображатися, а також не можете це визначити.
3. Створіть перший кадр так, щоб він повністю передавав суть повідомлення. Усе інше в цій статті є другорядним порівняно з цим єдиним правилом.
4. На долю десктопних версій Outlook припадає 5,83% від усіх відстежених переглядів листів по всьому світу. Перевірте власні показники, перш ніж вирішувати, наскільки це важливо.
5. Розмір файлу не повинен перевищувати 1 МБ, частота миготіння — не більше трьох разів на секунду, а alt-текст повинен описувати дію, а не саме зображення.

(Джерело: Litmus)

Чи справді ваша версія Outlook відтворює анімовані GIF-ки?

Чесна відповідь: ви не можете знати напевно, і це впливає на всі подальші рішення.

Різні джерела публікують таблиці, які часто суперечать одна одній. Причина полягає в тому, що відтворення GIF-анімації залежить не лише від версії Outlook, а й від налаштувань Windows, а також від того, чи заблокував одержувач анімацію у своїх налаштуваннях пошти.

Отже, розглядайте наведену нижче інформацію як ймовірну модель поведінки, а не як гарантію.

Класична версія Outlook для Windows (2016-2021, Microsoft 365)

На сторінці підтримки Microsoft зазначено, що GIF-ки відтворюються в тілі повідомлення в Outlook для Microsoft 365, Outlook 2024, Outlook 2021, Outlook 2019 та Outlook 2016. Якщо в повідомленні відображається лише перший кадр GIF-ки, то анімація вимкнена.

Згідно з інформацією на сайті «Can I email?», підтримка формату GIF в акаунті Office 365 є частковою. Анімація відтворюється тричі, після чого зупиняється, і з’являється кнопка відтворення, за допомогою якої одержувач може переглянути її ще раз.

(Джерело: Can I email?)

Нова версія Outlook для Windows

У новій версії Outlook використовується інший механізм відображення. Наші тести показали, що GIF-анімація працює нормально при надсиланні та отриманні листів. Однак відображення може бути нестабільним, тому перевіряйте свої листи перед тим, як надсилати їх великій аудиторії.

Outlook для Mac

Поточна версія Outlook для Mac відтворює анімовані GIF-ки в листах. Ми перевірили це самостійно, і GIF-ка успішно спрацювала в отриманому листі.

Outlook у вебверсії та Outlook.com

Це перевірений варіант. Анімація відтворюється автоматично і повторюється стільки разів, скільки вказано у файлі. На акаунти Outlook.com припадає 0,42% відстежених переглядів, що є невеликим показником, але кількість користувачів вебверсії Outlook у корпоративних середовищах Microsoft 365 набагато більша, ніж можна припустити з цієї цифри.

Outlook для iOS та Android

Мобільні застосунки анімують GIF-ки без будь-яких спеціальних налаштувань чи обмежень щодо кількості повторень. Якщо більшість вашої аудиторії користується мобільними пристроями, анімація майже напевно працюватиме.

4 способи додати GIF-ку в лист для Outlook

Вибір методу залежить від того, чи надсилаєте ви окремий лист, чи запускаєте email-кампанію. Перші три методи добре підходять для надсилання листів із особистої пошти. Для масових розсилок використовуйте четвертий метод.

Метод 1: вставте GIF-ку в лист Outlook (класичний Outlook, Windows)

Простий спосіб вставити GIF-ку у лист у Outlook:

1. Збережіть GIF-ку на своєму комп’ютері з розширенням .gif.
2. У тілі повідомлення перейдіть до меню «Insert» > «Pictures».
3. Виберіть файл і натисніть «Insert».

Метод 2: додавання GIF-ки в Outlook у вебверсії та в новому Outlook

Цей метод дуже схожий на перший. Ось як вставити GIF-ку в лист для Outlook: 

1. Клікніть у тексті повідомлення в тому місці, де має з’явитися зображення.
2. Перейдть до «Insert» > «Pictures».
3. Виберіть файл і клікніть «Open».

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

Метод 3: зображення з інтернету та під’єднання GIPHY

Ви можете під'єднати GIPHY в Outlook, а також шукати та додавати GIF-ки з цього застосунку до своїх листів.

Перед використанням цього інструменту варто проконсультуватися зі своєю командою з питань безпеки, оскільки застосунок надсилає контекст повідомлення на сервери GIPHY. Крім того, цей метод не підійде для маркетингових кампаній, оскільки ви не маєте контролю над хостингом, розміром файлу чи частотою кадрів.

Метод 4: розміщення GIF-ки в HTML-шаблоні

Щоб додати GIF-ки в шаблони листів для Outlook, у Stripo достатньо зробить кілька кліків. У нас також є готові шаблони, розроблені спеціально для Outlook. Ви можете використовувати їх як джерело натхнення або як відправну точку для створення свого листа, а потім налаштувати та доопрацювати шаблон за потреби.

Ось як вставити GIF-ку в лист для Outlook за допомогою Stripo:

1. Перетягніть базовий блок «Зображення» у шаблон.
2. Перетягніть анімовану GIF-ку або вставте URL-адресу. Максимальний розмір — 3 МБ. Ви також можете вибрати GIF-ки з галереї зображень.
3. Завершіть створення шаблону.
4. Клікніть на кнопку «Експорт».

Ми підготували окрему статтю про створення шаблону листа для Outlook за допомогою Stripo. В іншій статті також детально розглядаються доступні варіанти та формати експорту.

Чому ваша GIF-ка відображається як статичне зображення

Зараз це трапляється рідше, але в Outlook це все ще можливо. 

Рушій рендерингу Word простими словами

Довгий час Outlook використовував HTML-рушій Microsoft Word для обробки листів замість браузерного рушія. Як наслідок, анімація в ньому була ні зручною, ні інтуїтивно зрозумілою.

Компанія Microsoft додала в Outlook окрему функцію відтворення GIF-ок. Завдяки цьому анімацію GIF-ок можна вмикати і вимикати в Windows, чим часто користуються одержувачі.

Як виглядає опція «first frame only» у вхідних

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

Нерухома GIF-ка все одно може стати частиною вашого повідомлення, якщо правильно використати перший кадр. Переконайтеся, що ваш GIF-ка виглядає добре вже з першого кадру і не залежить від наступних кадрів для донесення основної ідеї. Таким чином, навіть якщо анімація не запрацює, цей елемент не зіпсує весь лист.

Обмеження циклу та кнопка відтворення

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

У новій версії Outlook, яку ми тестували, такого обмеження немає. Анімація продовжує відтворюватися, а кнопка відтворення не з’являється.

Пастка нульової затримки кадру

Ця помилка може виникати під час експортування GIF-ки з програм для редагування відео. Це може призвести до того, що анімація буде відтворюватися значно повільніше, ніж передбачалося.

В результаті анімація, яка мала б відтворюватися зі швидкістю 30 кадрів на секунду, може відтворюватися лише зі швидкістю 10 кадрів на секунду. Замість плавного обертання продукту одержувач бачить ривкову анімацію, яка виглядає так, ніби переривається.

Під час експорту відео краще налаштувати затримку кадрів, а не покладатися на випадковість і сподіватися, що все працюватиме як слід. І, звісно, обов’язково протестуйте фінальну версію.

GIF-ка не відтворюється в Outlook? Ось як це виправити

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

Причини з боку відправника

1. Повідомлення було надіслано у вигляді простого тексту, тоді як для відображення анімації потрібен HTML.
2. Файл не було збережено та вставлено в лист, а замість цього завантажено з браузера. Як наслідок, у листі могло завантажитися статичне зображення або зламане посилання.
3. Файл не в форматі .gif.

Причини з боку одержувача

1. Анімація вимкнена в налаштуваннях Windows або в розширених налаштуваннях старих версій Outlook.
2. Одержувач заблокував автоматичне завантаження зображень.
3. Одержувач переглядає лист у панелі прев'ю, де відтворення працює інакше, ніж у повному вікні повідомлення.

Причини з боку організації

1. Згідно з політикою організації, анімація Windows вимкнена в усій системі.
2. Політики безпеки можуть перезаписувати або видаляти посилання на віддалені зображення.
3. Завантаження зовнішніх зображень блокується на рівні клієнта для листів.

Створіть фолбек, щоб лист працював завжди

Навіть якщо ваша GIF-ка з якихось причин не відтворюється, є способи, завдяки яким лист все одно передасть потрібне повідомлення. 

Правило перше: перший кадр несе в собі основне повідомлення

Розмістіть пропозицію чи товар у першому кадрі, і навіть нерухома GIF-ка не стане серйозною проблемою.

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

Зображення в цьому прикладі є анімованим. Але незалежно від того, коли анімація зупиниться, основний зміст листа залишається зрозумілим.

(Джерело: шаблон Stripo)

Умовний код для MSO

Якщо перший кадр не може передати повідомлення, створіть спеціальний статичний фолбек для класичної версії Outlook за допомогою умовних коментарів. Цей код можна додати в HTML-редакторі Stripo. 

<!--[if mso]> — спеціальний HTML-коментар для Microsoft Outlook.

<!--[if mso]>
 <img src="https://cdn.yourdomain.com/static-fallback.png"
 alt="The spring collection in four colorways"
 width="600" style="display:block;">
 <![endif]-->

Нова версія Outlook для Windows більше не використовує старий підхід до відображення файлів MSO або Word, тому користувачі бачитимуть звичайні GIF-ки. Умовні коментарі працюють саме в класичній версії Outlook для Windows.

ALT-текст як остання лінія захисту

Якщо зображення повністю заблоковано, у вас залишається лише alt-текст. Напишіть його у вигляді речення, яке може самостійно функціонувати в розмітці та передавати основну ідею.

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

Коли функція «view in browser» не є фолбеком

Збережіть у своєму листі посилання «view in browser», але не розглядайте його як альтернативу для анімації. Майже жоден одержувач не відкриє браузер, щоб переглянути маркетингову анімацію. Посилання «view in browser» — це запобіжний захід на випадок проблем з відображенням.

Як додати GIF-ку в підпис для Outlook

Анімовані підписи — це найпоширеніший спосіб додавання GIF-ок у Outlook поза кампаніями, і саме в них найчастіше виникають проблеми з анімацією.

У нас є окрема стаття про те, як створити підпис із GIF-кою і яких помилок слід уникати.

Класичний Outlook: «File» > «Options» > «Mail» > «Signatures»

1. Перейдіть до «File» > «Options» > «Mail» > «Signatures».
2. Створіть новий підпис або виберіть наявний.
3. Помістіть курсор у тому місці, де ви хочете розмістити GIF-ку, і клікніть на іконку «Picture». Виберіть файл GIF і натисніть «Insert».
4. Збережіть підпис, а потім надішліть тестовий лист собі та на зовнішню адресу.

Розмір GIF-ки повинен бути значно меншим за 500 КБ. Підпис додається до кожного повідомлення, в якому ви його використовуєте, включно з відповідями та пересиланнями, тому велика GIF-ка може швидко збільшити вагу ваших листів. 

Новий Outlook: «Settings» > «Accounts» > «Signatures»

Шлях «Settings» > «Accounts» > «Signatures», а вставка працює так само.

Microsoft Support зазначає, що підписи мають обмежену підтримку анімації в новій версії Outlook. Однак під час нашого тестування ця проблема не спостерігалася. 

Створюючи свій підпис, враховуйте кілька моментів:

1. Вставте збережений файл, а не копіпастіть його. Вставлені з буферу GIF-ки — це найпоширеніша причина того, що підпис відображається лише одним кадром або взагалі зникає під час надсилання.
2. Не судіть про GIF-ки за редактором підписів. Іноді одержувачі бачать анімацію навіть тоді, коли відправник її не бачить під час написання повідомлення. Перш ніж робити якісь висновки, надішліть тестове повідомлення собі та на зовнішню адресу.
3. Перевірте налаштування анімації в новій версії Outlook. Перейдіть до «Settings» > «Mail» > «Reading Pane» > «Joyful animations» і переконайтеся, що ця функція увімкнена.

Характеристики GIF-ок, які підтримуються в Outlook

Ось вимоги, яким має відповідати ваша GIF-ка, щоб вона працювала належним чином в Outlook.

Обмеження щодо ваги файлів та розміру повідомлень

Litmus рекомендує, щоб розмір файлу не перевищував 1 МБ. Microsoft Exchange Online встановлює обмеження на розмір повідомлень для пошти Microsoft. За замовчуванням обмеження становлять 35 МБ для надсилання та 36 МБ для отримання. Адміністратори Microsoft можуть встановити власне обмеження в діапазоні від 1 МБ до 150 МБ.

На практиці розмір вашої GIF-ки повинен бути трохи меншим за рекомендований ліміт. Вкладення кодуються у форматі Base64 при пересиланні, що збільшує їхній розмір приблизно на 33%. Сервер одержувача також може мати власні обмеження щодо розміру.

Ширина та адаптивна поведінка

Створюйте GIF-ки шириною 600 пікселів. Вкажіть ширину та висоту як атрибути HTML у зображенні, а не лише в CSS. Litmus зазначає, що класична версія Outlook не підтримує атрибути ширини та висоти в CSS, тому зображення без цих атрибутів відображатиметься у своєму фактичному розмірі.

Крім того, додайте властивості max-width: 100%; height: auto; inline для браузерів, які їх підтримують.

Кількість кадрів, частота кадрів та тривалість циклу

Кожен кадр збільшує розмір файлу. Щоб зменшити його, дотримуйтесь цих чотирьох рекомендацій:

1. Обріжте рамки. Короткий цикл легше переглядати.
2. Віддавайте перевагу однотонним кольорам. Формат GIF підтримує до 256 кольорів на кадр, тому використання градієнтів не виправдовує збільшення розміру файлу.
3. Обріжте канвас до рухомої ділянки. Якщо в банері анімована лише іконка розміром 200 пікселів, немає потреби робити анімацією весь банер розміром 600 пікселів.
4. Стисніть файл за допомогою спеціального оптимізатора.

Вбудовування чи хостинг: коли що використовувати

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

Доступність: безпечні GIF-ки, а не лише правомірні

GIF-ки, як і решта листа, мають бути доступними. Ось фактори, що впливають на доступність GIF-ок.

Фотосенситивна епілепсія та ліміт трьох спалахів

Зі зростанням популярності GIF-ок, відео та відеоігор світ зіткнувся з фотосенситивною епілепсією. Згідно з оглядом Epilepsy Foundation за 2022 рік, від фотосенситивної епілепсії страждає до 1 людини на 4000.

WCAG 2.2 Success Criterion 2.3.1 зазначає, що контент не повинен блимати більше трьох разів за одну секунду. Між кадрами слід використовувати переходи, а не різкі стрибки. Це робить GIF-ку більш плавною. Також краще анімувати один елемент, а не весь банер, що дозволяє зменшити площу блимання.

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

Що означає EAA для відправників з ЄС

European Accessibility Act набув чинності 28 червня 2025 року. Він поширюється на підприємства, що продають товари або послуги споживачам у ЄС, незалежно від місця знаходження компанії. Виняток стосується лише мікропідприємств із чисельністю персоналу менше 10 осіб та оборотом менше €2 млн, які надають обмежений перелік послуг.

EAA базується на гармонізованих європейських стандартах, головним чином на EN 301 549 v3.2.1, який відповідає вимогам WCAG 2.1 Level AA.

Що стосується анімації в листах, це означає дотримання зазначеного вище порогу блимання, наявність реального alt-тексту та достатньої контрастності кольорів у самих кадрах.

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

Alt-текст, що описує дію, а не пікселі на картинці

WCAG 2.2 Success Criterion 1.1.1 передбачає, що весь нетекстовий вміст повинен мати alt-текст, який виконує ту саму функцію. Це також стосується GIF-ок.

Скринрідери повинні мати змогу описувати вашу GIF-ку більш змістовно, ніж просто як «анімована GIF-ка». Опишіть, що саме передає анімація, а не те, як вона виглядає.

Гарним прикладом може бути таке: «Куртка доступна в темно-синьому, оливковому і теракотовому кольорах. Цього тижня доставка всіх трьох кольорів безплатна».

Це також є резервним варіантом на випадок, якщо зображення заблоковано або GIF-ка відображає лише перший кадр.

Ви можете скористатися інструментом перевірки доступності від Stripo, щоб переконатися, що лист відповідає вимогам доступності, і переконатися, що ви не забули додати alt-текст.

Тестуйте перед надсиланням

Перш ніж надсилати листа з GIF-кою всім підписникам, ретельно його протестуйте. За допомогою Stripo можна провести кілька важливих тестів, зокрема тест від Email on Acid, тестування в темному режимі та перевірку доступності. 

Що може і чого не може показати тест на візуалізацію

Завдяки інтеграції Stripo з Email on Acid можна перевірити, як ваш лист буде відображатися в різних поштових клієнтах. Однак цей інструмент надає статичний знімок екрану, на якому видно, чи завантажується GIF-ка і який кадр було зафіксовано. Цей тест не дозволяє визначити, чи анімація насправді відтворюється, а також чи дозволяють це зробити налаштування анімації в системі Windows одержувача.

Щоб перевірити, чи GIF-ка дійсно відтворюється, надішліть тестовий лист на кілька реальних email-адрес і відкрийте його там. Немає кращого способу перевірити це, ніж у реальній пошті.

Як дізнатися, які версії Outlook використовують підписники

У більшості випадків це неможливо достовірно встановити. Компанія Litmus зазначає, що більшість переглядів у десктопній версії Outlook припадає на Outlook 2016 та новіші версії, які використовують однакові ідентифікатори, тому аналітика не може їх розрізнити. До цього ж сегмента також входять Outlook 2013, 2010, 2007, версії 2000-2003 років та Outlook для Mac.

Що ви можете зробити:

• сегментувати за доменами. У списку з переважною часткою корпоративних доменів частіше зустрічаються класичні адреси Outlook. Домени споживачів частіше пов’язані з Apple та Gmail;
• порівняти CR для GIF-версії та статичної версії. Надішліть однаковий лист тому самому сегменту. Одній частині сегмента надішліть версію з GIF-кою, а іншій — версію зі статичним зображенням. Потім порівняйте клікабельність. Це практичний підхід, оскільки мета листа полягає в перевірці його ефективності для збільшення кількості кліків або конверсій у межах кампанії. 

Коли GIF-ка є неправильним форматом

Якщо GIF-ка не зовсім відповідає вашим потребам, ось кілька інших варіантів, які варто розглянути. 

MP4, APNG та WebP в листах

Головна проблема цих форматів полягає в тому, що поштовики не завжди їх підтримують. Зазвичай поштовики видаляють тег <video>, тому неможливо вбудувати справжнє відео у форматі MP4 напряму в лист.

APNG та WebP — це формати зображень, які можуть містити анімацію. Порівняно з GIF-ками вони забезпечують кращу якість зображення й часто мають менший розмір файлу. Однак Outlook не підтримує APNG та WebP у повному обсязі, тому замість анімації відображається перший кадр. Насправді це корисно, оскільки замість зламаного зображення одержувач бачить статичне зображення. 

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

Темний режим і GIF-фон

Темний режим зараз використовують понад 25% підписників, і він по-особливому впливає на відображення GIF-ок.

GIF-ка не адаптує свій фон до темного режиму. Якщо ви експортуєте GIF-ку з білим фоном, він його зберігає. У листі, відкритому в темному режимі, GIF-ка відображатиметься як великий білий прямокутник.

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

Як варіант, можна зробити фон листа частиною самої GIF-ки. У такому разі GIF-ка виглядатиме як навмисно зафарбований блок.

Завдяки прев'ю темного режиму Stripo ви можете переглянути свою GIF-ку у редакторі під час створення листа та вносити зміни за потреби.

6 GIF-ок, які пройшли тест першого кадру

У цьому розділі ми зібрали 6 прикладів GIF-ок, які відповідають правилу першого кадру і з самого початку чітко розкривають суть пропозиції.

1. Taos Footwear

Місія, яку виконує GIF-ка: демонструє різноманітність продукції.

Бренд Taos асоціюється з комфортом і зручністю, і GIF-анімація, на якій зображено різні моделі взуття для подорожей, представлені у вигляді зони перевірки багажу в аеропорту, чудово ілюструє цю ідею. Фотографії окремих пар взуття не створили б такого ж відчуття подорожі.

(Джерело: Email Love)

2. Google Workspace

Місія, яку виконує GIF-ка: презентує нову функцію (персональні завдання).

Анімовані GIF-ки — чудовий інструмент для презентації нових функцій та демонстрації того, як ними користуватися. Google Workspace показує користувачам, як створювати особисті завдання на основі повідомлень. Вони також можуть встановлювати термін виконання та додавати опис. Таким чином, клієнтам не доводиться читати довгі інструкції, і вони можуть одразу побачити, як користуватися новою функцією.

3. Milla

Місія, яку виконує GIF-ка: надає одержувачам детальну інформацію про товар.

За допомогою кількох невеликих GIF-ок Milla демонструє, що компанія приділяє увагу кожній деталі. Навіть якщо GIF-ки зупиняються на першому кадрі, у кожному вікні все одно видно невелику частину сукні, яка викликає бажання побачити більше.

(Джерело: Email Love)

4. Brighton

Місія, яку виконує GIF-ка: привертає увагу до CTA-кнопки.

Компанія запрошує клієнтів відсвяткувати літо та додати трохи кольору до свого гардеробу аксесуарів. Brighton використовує барвисту CTA-кнопку, щоб підкреслити цю яскраву літню тематику та привернути увагу одержувачів.

5. Victoria’s Secret

Місія, яку виконує GIF-ка: дозволяє одразу побачити широкий асортимент продукції.

Якщо вам потрібно продемонструвати весь асортимент або пояснити, які товари входять до складу набору, анімована GIF-ка може стати гарним варіантом.

Не обов’язково анімувати весь банер. Можна анімувати лише один елемент. Цей простий підхід також допоможе продемонструвати всі доступні кольори нового товару.

6. Care.com

Місія, яку виконує GIF-ка: показує ситуації, в яких вам може знадобитися допомога.

Care.com використовує GIF-ки, щоб проілюструвати ситуації, в яких цей сервіс може бути корисним для клієнтів. Один абзац тексту не спрацював би так само ефективно, як ці зображення, що демонструють допомогу з покупкою продуктів, доглядом за домашніми тваринами та дітьми.

(Джерело: Email Love)

На завершення

Ви можете додати GIF-ку в лист для Outlook менш ніж за хвилину, але не можете контролювати, чи буде вона відтворюватися як анімація. Анімація, у якій пропозиція розміщена в першому кадрі, працює в будь-якому поштовику. Анімація, яка передає своє повідомлення лише в останньому кадрі, працює в деяких клієнтах, а в інших — тихо виходить з ладу, не повідомляючи, в яких саме.

Створіть GIF-ку на основі зафіксованого першого кадру, а саму анімацію, яка насправді відтворюється, розглядайте як приємний бонус.

FAQ

1. Чому моя GIF-ка не відтворюється в Outlook?

Часто анімація вимкнена в налаштуваннях Windows на комп’ютері одержувача. Серед інших можливих причин: надсилання повідомлення у вигляді простого тексту, використання неправильного формату файлу замість .gif або блокування автоматичного завантаження зображень. 

2. Чи підтримує Outlook 2016 анімовані GIF-ки?

На сторінці підтримки Microsoft Outlook 2016 зазначено серед версій, у яких анімована графіка відтворюється за замовчуванням у тілі повідомлення. Якщо відображається лише перший кадр анімації, це означає, що анімовані GIF-ки вимкнені.

3. Чи підтримує нова версія Outlook анімовані GIF-ки?

Загалом, так, у панелі читання, оскільки в новій версії Outlook використовується вебрушій рендерингу. Однак краще перевірити це на практиці, а не покладатися на припущення.

4. Чому GIF-кнопка зникла з Outlook?

Приблизно з вересня 2021 року компанія Microsoft прибрала опцію GIF зі спадного меню «Expressions» у вебверсії Outlook. Замість цього вставте файл як вбудоване зображення або під'єднайте GIPHY з Microsoft Marketplace.

5. Який максимальний розмір GIF-ки можна вкласти в лист для Outlook?

Для маркетингових розсилок дотримуйтеся розміру менше 1 МБ, незалежно від обмежень сервера. Щодо вбудованих файлів, у Exchange Online за замовчуванням встановлено обмеження на надсилання 35 МБ та на отримання 36 МБ. Кодування Base64 збільшує розмір файлу при пересиланні приблизно на третину, а також застосовуються обмеження сервера одержувача, тому фактичний верхній межа є нижчою за зазначену.

6. Чи можна додати GIF-ку у підпис в Outlook?

Так. У класичній версії Outlook перейдіть у меню «File» > «Options» > «Mail» > «Signatures» та вставте файл, клікнувши на іконку зображення, замість самостійної вставки. У новій версії Outlook шлях такий: «Settings» > «Accounts» > «Signatures».

7. Скільки разів GIF-ка відтворюється у циклі в Outlook?

Три рази — у класичній версії Outlook для Windows. Після цього анімація призупиняється, і з’являється кнопка відтворення; клік на неї запускає ще три цикли. У новій версії Outlook, вебверсії Outlook та мобільних застосунках анімація відтворюється у циклі відповідно до кодування у файлі, без кнопки відтворення. Отже, одна і та сама GIF-ка може відтворюватися три рази для одного одержувача та нескінченно для іншого.

8. Чи варто конвертувати GIF-ку у формат MP4 для листа?

Ні. Поштовики видаляють тег <video>, тому MP4-файл не відтворюватиметься в листі.