How to Use Imagery Wisely
07 серпня 2020

Повне керівництво по розумному використанню зображень у листах

Створити листи з високоякісними зображеннями
Зміст
  1. Переваги використання зображень в листах
  2. Типи зображень для листів
  3. Вимоги до зображень для email-маркетингу
  4. Інструменти для оптимізації зображень для ваших email-кампаній 
  5. Використання зображень у листах: найкращі практики
  6. На завершення
1.
Переваги використання зображень в листах

Додавати чи не додавати?

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

Дослідники провели A/B-тестування, щоб побачити різницю між листами з зображеннями та без них, і виявили, що у других показники кліків вище.

Однак дещо демонструє, що такі результати викликають сумніви. 

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

Що говорить загальна статистика щодо використання зображень у листах?

Огляд статистики від Snov.io за 2020 рік в email-маркетингу показав, що:

  • листи з розбавленим зображеннями контентом мають на 4.5% вищий CTR, ніж просто текстові;

  • 2\3 людей заявляють, що віддають перевагу листам, які складаються в основному з зображень;

  • найефективніші листи мають співвідношення тексту до зображень близько 60:40.

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

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

Щоб допомогти досягти цього, ми підготували повноцінний гайд з порадами щодо використання зображень в email-маркетингу. 

Зануримося глибше.

Переваги використання зображень в листах

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

Листи із зображеннями краще сприймаються

Подивіться на ці два варіанти того самого листа:

Зображення для емейла

(Джерело: Email від Coursera, із зображеннями)

Звичайний текст-емейл-від-Coursera

(Джерело: Email від Coursera, plain-текст)

Яку версію ви б ліпше прочитали, з візуалом чи з простим текстом?

Ми ставимо на те, що першу. І наука підтвердить нашу думку. 

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

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

Зображення в листі покращують впізнаваність бренду

Коли Google придбав YouTube, він також зробив ребрендинг усіх email-кампаній YouTube під свій бренд. Ви можете помітити схожий дизайн та стиль картинок в останніх маркетингових кампаніях Google і YouTube:

Емейл от Гугл

(Джерело: Really Good Emails)

Емейл от Youtube

(Джерело: Really Good Emails)

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

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

Візуальні елементи у листах покращують рівень залучення

Основною метою маркетингової розсилки є підвищення рівня кліків та збільшення кількості конверсій. Але чи може звичайний plain-текст досягти цих цілей?

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

Дослідження 2020 року від HubSpot підтверджує цей факт: більш ніж 20% опитаних маркетологів заявили, що правильний email-дизайн, орієнтований на бренд, суттєво допомагає збільшити рівень взаємодії користувача з листом. 

Отже, хоча зображення у листі, можливо, і не працювали для Impact BND, вони працюють досить добре для багатьох інших брендів, особливо компаній B2C, які широко використовують візуальні ефекти для просування своєї продукції за допомогою email-маркетингу. 

Типи зображень для листів

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

Чорно-білий

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

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

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

  • однотонні зображення додають певної емоції. Залежно від настрою вашої розсилки, чорно-білий дизайн може зробити лист більш насиченим;

  • витончені тони сприяють мінімалізму. Якщо ви хочете зосередити свою маркетингову кампанію на певному повідомленні, чорно-білий дизайн — найкращий вибір, оскільки він мінімалістичний і витончений.

Якщо ви бажаєте побачити всі ці переваги у дії, подивіться на лист від Everlane:

Everlaine Black

(Джерело: Email від Everlane)

Знайдіть більше прикладів у нашому пості блогу Чорно-білі листи.

GIF-ки

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

Дійсно, якщо ви бачите лист, що містить GIF-ку, він миттєво привертає вашу увагу і піднімає настрій. Погляньте на цей маркетинговий email від Chubbies:

(Джерело: Email від Chubbies)

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

Та чому ж люди так сильно полюбляють GIF-ки?

Згідно з дослідженням від Sage Journals, люди віддають перевагу GIF-файлам, оскільки вони створюють так званий «мережевий ефект», тобто GIF ініціює швидку взаємодію між брендом та клієнтом. Та ви знаєте, як споживачі люблять бути частиною бренду. 

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

Банери

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

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

Банерні зображення для еmail

(Джерело: Email від Tanner Goods)

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

Доповніть свої листи ідеальними банерами без втрати часу

3D-зображення

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

Ви можете побачити як це працює у листі від Hulu нижче:

3D-Зображення

(Джерело: Email від Hulu)

Як бачите, чорний фон контрастує з червоним, сірим і білим на фотографії, створюючи тривимірний ефект. 

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

Інфографіка

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

Наприклад, у листі нижче ви можете побачити, як CloudApp використовує інфографіку, щоб повідомити клієнта про продуктивність їхнього хмарного сховища:

Використання діаграм

(Джерело: Email від Central)

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

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

Фонові зображення

Фонові зображення в листі не надсилають жодного повідомлення, однак вони завершують всю ідею дизайну. Такі зображення можуть бути яскравими, пастельними — неважливо. Але на них не повинно бути певного орнаменту, оскільки фонові зображення часто зациклюються/повторюються в листах. І ви ніколи не знаєте, коли воно закінчується і починається знову в папці «Вхідні» користувача. Отже, щоб зробити фон безшовним, уникайте використання зображень з чітким орнаментом.

You might also like

Вимоги до зображень для email-маркетингу

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

Формат зображення

Існує три основні формати, які можна використовувати для збереження зображень у листі — JPEG, GIF та PNG. Давайте трохи поговоримо про відмінності між цими трьома форматами. 

  • JPEG — ви можете використовувати цей формат, якщо хочете, щоб ваші зображення зберігали колір, але слід пам’ятати, що формат JPEG зменшить ваше зображення, значно знизивши його якість;

  • GIF — цей формат чудово працює, якщо ваш email-провайдер не дозволяє включати відео, і вам все одно потрібно включити певну дію у свій email. Суттєвим недоліком формату GIF є те, що він не відображає кольори настільки яскраво, як формат JPEG;

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

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

Гама кольорів

Колірний профіль зображень для електронних листів відрізняється від профілю для друку. 

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

Розмір файлу

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

В середньому ми рекомендуємо додавати у лист зображення, що мають максимальний розмір 1 МБ та 72 DPI. Цього розміру файлу достатньо, щоб правильно відображатись в цифровому форматі, і він не погіршить якості загального дизайну листа.

Розмір зображення

Щоб переконатися, що всі зображення відображаються правильно у вашому email-шаблоні, використовуйте картинки шириною 600 пікселів, якщо лист стандартної ширини.

Чи знаєте ви, що можете встановити власну ширину за допомогою Stripo:

Ширина листа

Встановіть індивідуальну ширину, щоб ваші листи були повністю унікальними

Звичайно, розмір ваших картинок також буде залежати від дизайну та формату, кількості фонових зображень у листі та кількості стовпців. Наприклад:

  • 564-піксельні зображення рекомендуються для секцій повної ширини;

  • 264-піксельні зображення добре працюють для конструкцій з двома колонками;

  • 164-піксельні зображення ідеально підходять для email-шаблонів з 3 колонками.

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

Зверніть увагу, що ви можете змінювати розмір, обрізати та редагувати зображення за допомогою вбудованого редактора фотографій Stripo.

Альтернативний текст

Якщо у вашої аудиторії виникають проблеми із завантаженням повної версії вашого листа та для дотримання правил email-доступності, вам потрібно включити альтернативний текст, який з’явиться у текстовій версії, або на випадок, якщо користувачі заблокують зображення.

Під час написання альтернативного тексту для зображень в листі переконайтесь, що:

  • текст заміщення стислий. Альтернативний текст не повинен бути багатослівним, але він повинен точно описувати те, що зображено на картинці;

  • ви вписали ключові слова. Переконайтесь, що текст заміщення містить основне та кілька додаткових ключових слів, але не переповнюйте його занадто великою кількістю ключових фраз;

  • не згадуйте слово «зображення». Формату зображення достатньо, щоб визначити тип вмісту, який ви описуєте в альтернативному тексті.

Stripo Як створити шаблон електронної пошти за допомогою фільтрів Stripo для банерів

Оптимізуйте свої листи, додаючи альтернативні тексти за допомогою Stripo

Інструменти для оптимізації зображень для ваших email-кампаній 

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

Canva

Canva — це онлайн-сховище шаблонів, що містить як безкоштовні, так і платні варіанти. Тут ви можете підібрати шаблон для будь-яких цілей — від логотипів до розсилок та інфографіки. Інструменти для роботи з зображеннями в електронних листах Canva

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

PlaceIt

Ця платформа також має онлайн-інструменти для створення логотипів та інших типів зображень для листів. Однак найкориснішою функцією є захоплення та додавання знімків екрана до будь-якого цифрового контенту. Все, що вам потрібно зробити — це ввести URL-адресу, і PlaceIt вставить її у ваш email-шаблон.Інструменти для зображень у електронному листі PlaceIt

Stripo.email

Якщо у вас немає навичок в HTML, але потрібно створити email-шаблон, що включає різні типи зображень, то можете використовувати Stripo. Stripo-Email-Builder

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

Email on Acid

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

Крім того, сервіс Email on Acid також перевіряє адаптивність ваших листів та пропонує рішення на випадок, якщо деякі зображення в них заблокуються.

Stripo інтегрований з Email on Acid. Обов’язково протестуйте свої листи перед тим, як надсилати їх одержувачам, щоб знати, що ваші користувачі побачать саме те, що ви хочете від них.

Переглядайте листи очима користувачів до того, як вони потраплять в їхні поштові скриньки.

Використання зображень у листах: найкращі практики

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

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

1. Оптимізуйте зображення в листі для мобільних пристроїв відразу

Сьогодні оптимізація листів для мобільних пристроїв вже не просто вибір, це вимога.

Дослідження від InvespCRO підтверджує це, повторюючи, що:

  • 2 з 3 листів відкриваються на смартфонах та планшетах;

  • 75% власників смартфонів користується своїми мобільними девайсами для перевірки пошти;

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

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

Для цього потрібно пам’ятати кілька важливих деталей:

  • дизайн шаблону;

  • кількість стовпців;

  • розмір зображення;

  • формат зображення.

Зверніть увагу, що за допомогою Stripo вам не потрібно розробляти різні зображення для настільних та мобільних пристроїв. Ви можете просто активувати опцію «Адаптивне зображення»:

Адаптивність зображення 1

Тоді ваші зображення будуть адаптивними на всіх мобільних пристроях. Просто перегляньте приклади нижче:

image19-1-768x399

Оптимізація листів для мобільних пристроїв із Stripo — просто, як ніколи

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

You might also like

Нова ера адаптивного дизайнуResponsive_Email_Layout___Cover_Image

2. Використовуйте комбінацію зображень та тексту

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

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

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

У своїх шаблонах ви можете дотримуватися співвідношення 60:40:

Stripo-4th-of-July-Hotels

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

3. Орієнтуйтеся на свою аудиторію, підбираючи зображення для листа

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

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

Дизайни листів до літа

(Джерело: Email від Thumbtack)

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

4. Уникайте стокових фото в якості картинок для листа 

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

Ось чому може виникнути спокуса взяти стокове зображення та пришвидшити запуск вашої маркетингової email-кампанії. 

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

Є досить багато причин, чому стокові картинки не є найкращим вибором для зображень в листі:

  • це чуже бачення. Стокове фото не може відображати ідентичність вашого бренду, отже шкодить маркетинговим зусиллям;

  • стокові фотографії часто не оригінальні. Такий вміст виглядає клішированим та зношеним, що викликає недовіру до ваших розсилок;

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

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

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

Дискусія щодо використання зображень у листах, мабуть, ніколи не закінчиться. Але яка в цьому мета, якщо є достатньо доказів того, що картинки в розсилках чудово підходять для маркетингу?

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

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

І якщо ви не впевнені, чи потрібні зображення у ваших листах, можете використовувати готові до відправки шаблони Stripo та редактор, щоб створити свій власний email-шаблон.

Використовуйте наші шаблони, щоб швидко створювати вишукані листи з високоякісними зображеннями.  
Чи була ця стаття корисна?
Tell us your thoughts
Дякуємо за ваш відгук!
2 коментарів
Hani Ho 2 years ago
Hi! I wanted to add an `onerror` to my image so it can handle when the image is broken, i.e. image URL is inexistent. However, it seems like it doesn't get translated well when the e-mail is actually sent. Know of any way to handle images that is indeterminably broken?
Gustavo Woltmann 3 years ago
Thanks for sharing this post, This can be important for peoples. But for this, You should have to need complete information about this Gustavo Woltmann
Тип
Індустрія
Сезони
Інтеграції
Редактор Stripo
Спростіть процес створення листів.
Плагін Stripo
Інтегруйте Drag-n-Drop редактор Stripo у свій веб-додаток.
Замовити власний шаблон
Наша команда може розробити і зверстати його для вас. Просто заповніть бриф, і ми зв'яжемося з вами найближчим часом.