Docs RU

Добавление изображений в емейлы

2025-07-30 11:51 Редактор

Как добавить изображение в письмо?

Для начала в письме должна быть добавлена секция. Затем перейдите в раздел «Инструменты и модули», откройте вкладку «Блоки» и перетащите блок изображения в нужное место секции.
Вы также можете добавить изображение под существующим блоком, если хотите, чтобы оно находилось в одной секции с другим элементом.
После этого вы можете:

  • Загрузить изображение с компьютера
  • Загрузить изображение по ссылке
  • Выбрать изображение из вашей библиотеки
  • Использовать изображение из стока

Как загрузить изображение с компьютера?

Кликните по блоку изображения и в правой панели нажмите на иконку загрузки или просто перетащите изображение в это окно.

Как загрузить изображение по ссылке?

В настройках блока изображения найдите раздел Загрузить изображение по URL и вставьте ссылку на изображение.
❗️Важно:

  • Изображение будет вставлено в том размере, в котором оно загружается по ссылке.
  • Убедитесь, что по ссылке открывается только изображение, а не страница с дополнительными данными (Google Drive, Dropbox и др. не подходят).

Как выбрать изображение из библиотеки?

В настройках блока изображения перейдите во вкладку Library и выберите нужное изображение из вашей библиотеки.

Как загрузить стоковое изображение?

Перейдите во вкладку Сток, выберите источник (Pixabay или Pexels), введите запрос и выберите изображение из результатов поиска.

Как удалить изображение?

Кликните по блоку изображения и в правой панели нажмите на иконку X — изображение удалится, оставив пустой блок.

Как заменить изображение?

Нажмите на иконку замены изображения (две стрелки) в правой панели, чтобы загрузить другое изображение.

Настройки изображения

В Markeaze для блока изображения доступны следующие настройки:

  • Alt-текст — текст, отображаемый при недоступности изображения (важно для антиспам-фильтров)
  • Ссылка на изображение — переход при клике
  • Ховер-эффект — при наведении заменяет изображение на другое
  • Размер изображения — в пикселях по ширине
  • Полная ширина блока
  • Фоновый цвет
  • Стиль рамки
  • Выравнивание — слева, по центру, справа
  • Внутренние отступы (паддинги)
  • Показ на мобильных/десктопных устройствах
  • Преобразование в HTML

👉 Подробности по каждому пункту — в этой статье.

Как создать эффект наведения (hover)?

Ховер — это второе изображение, которое заменяет основное при наведении мыши (только в десктопных версиях писем). Удобно для демонстрации товаров.
Подробнее об установке ховера — здесь.

Как добавить отдельное изображение для тёмной темы?

В Markeaze можно задать отдельное изображение для тёмной темы (например, для баннеров или товаров). Так письмо будет корректно выглядеть и на светлой, и на тёмной теме.
Инструкция по установке — здесь.

Библиотека изображений

В разделе Image Library хранятся все изображения, загруженные вами в Markeaze. Вы можете повторно использовать их в любых письмах, загружать заранее или удалять ненужные файлы.
Узнать больше о библиотеке изображений — в этой статье.

Использование стоковых изображений

В Markeaze доступны Pixabay и Pexels — бесплатные стоковые базы с открытой лицензией. Вы можете искать и вставлять изображения прямо из редактора.
Инструкция по работе со стоками — здесь.