Робота з блоком Зображення

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

Завантаження зображення

1. Натисніть на блок у контейнері, щоб відкрити Галерею зображень.

Галерея містить такі вкладки:

• Підготовлені — готові картинки з комп'ютера, з буфера обміну або URL-адреси.
• Загальні — зображення, що вже збережені в бібліотеці акаунта.
• AI-зображення — генерація зображень за текстовим описом безпосередньо у редакторі;
• Фотосток — вибір зображень із фотобанків.
• Іконки — набір піктограм.
• Гіфки — анімовані зображення (GIF).

2. Виберіть спосіб завантаження зображення.

Завантаження з ПК

На вкладці Підготовлені натисніть іконку Додати зображення та виберіть потрібний файл на вашому комп’ютері. Система підтримує формати PNG, JPG і GIF. Розмір не має перевищувати 3 МБ або 4000 пікселів завширшки.

Посилання на зовнішній ресурс

1. Натисніть Вставте URL.

2. Введіть у поле URL-адресу.

Банк зображень

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

• Фотосток
• Іконки
• Гіфки

Перейдіть на потрібну вкладку та виберіть зображення.

AI-зображення

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

1. Введіть детальний текстовий запит, що саме потрібно згенерувати.

2. Оберіть AI-модель.

3. За потреби вкажіть стиль зображення.

4. Оберіть формат сторін (наприклад, 1:1).

5. Натисніть Генерувати.

6. Оберіть результат, який підходить, і вставте його в лист. За потреби перегенеруйте зображення.

Параметри зображення

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

1. Альтернативний текст — показується, якщо зображення не завантажилось.

2. Посилання — відкриває сайт, email, файл, телефон чи інший ресурс.

3. Розмір для десктопу — ширина та висота у пікселях.

4. Вирівнювання — ліворуч, по центру або праворуч.
5. Радіус — округлення кутів.
6. Ефект Rollover — друге зображення при наведенні.
7. Приховати елемент — вимикає показ у десктопній або мобільній версії.
8. Зовнішні відступи — відстань між зображенням та іншими елементами.
9. Показувати — контроль видимості в HTML і AMP.
10. Анкорне посилання — перехід до визначеного місця в цьому ж листі.
11. Тип події — використовується для автоматизації. Наприклад, можна вказати подію, яка спрацьовуватиме після натискання зображення, щоб запустити подальші автоматичні дії..

Дії з зображенням

У верхній частині вкладки з параметрами доступні такі дії для керування зображенням:

1. Заміна — відкрити галерею та вибрати інше зображення або завантажити нове.

2. Редагування — перехід до вбудованого редактора.

Інструменти редагування поділяються на такі умовні групи:

• Зміна вигляду: фільтри (ч/б, сепія, контраст тощо), зміна розміру, обрізка, трансформація (обертання, віддзеркалення).

• Додавання елементів: малювання, текст, фігури, стікери, рамки.

• Оформлення: закруглення кутів, зміна/додавання фону, об’єднання кількох зображень.

Після змін натисніть Застосувати → Зберегти.

3. Видалення — повністю прибрати зображення з блоку.

4. Видалення/копіювання прямого посилання на файл зображення.