Чому мій таймер зворотного відліку на прозорому тлі виглядає розмитим?

Прозорий фон не завжди добре поєднується з форматом файлів GIF.

Опція прозорого фону

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

Це обмеження, пов’язане з форматом файлу, і ми не можемо на це вплинути, але маємо кілька рекомендацій щодо поліпшення якості:

1. Якщо можливо, використовуйте однотонний фон

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

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

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

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

2. Переконайтеся, що колір фону відповідає кольору вашого електронного листа, навіть якщо ви використовуєте опцію прозорого фону

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

Якщо у розділі шаблону електронного листа є кілька кольорів фону, виберіть основний.

3. Використовуйте таймер зворотного відліку більшого розміру

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

Ми рекомендуємо використовувати таймер більшого розміру на вкладці «Редактор візуального дизайну», що розташована зліва.

На вкладці «Візуальний дизайн» обрано більший розмір таймера зворотного відліку

4. Використовуйте мітки та функцію контурів цифр

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

Налаштування контурів цифр і написів у редакторі таймера зворотного відліку

5. Використовуйте суцільний/товстіший шрифт

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

Ви можете використовувати шрифт більшої товщини, наприклад Archivo Regular, який доступний у всіх наших платних тарифних планах. Налаштування шрифту здійснюється за допомогою перемикача «Текст та написи», розташованого зліва в редакторі.

Шрифт «Archivo Regular» обрано як більш жирний на вкладці «Текст та написи» — Ви можете використовувати шрифт з більш жирним накресленням, наприклад Archivo Regular, який доступний у всіх наших платних тарифних планах. Налаштувати шрифт можна на вкладці «Текст та написи».

6. Використовуйте «простіший» стиль таймера

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

Стиль таймера зворотного відліку за замовчуванням у меню вибору стилів редактора (перемикач Візуального дизайну).

Стиль таймера зворотного відліку за замовчуванням, показаний у вікні вибору стилів — Стандартний стиль таймера зворотного відліку у вікні вибору стилів (вкладка «Візуальний дизайн»)