В Markeaze доступен широкий набор параметров для блока изображения:
Alt-текст (альтернативный текст, отображаемый, если картинка не загружается. Рекомендуется всегда его задавать, так как его отсутствие может повлиять на доставляемость письма).
Ссылка на изображение (при клике на изображение пользователь перейдёт по указанной ссылке).
Hover-эффект (при наведении изображение меняется на другое).
Размер изображения (по ширине, в пикселях).
Растянуть на всю ширину.
Цвет фона под изображением.
Стили рамки (цвет, толщина, скругление).
Выравнивание изображения (влево, по центру, вправо).
Отступы от краёв блока (сверху, снизу, слева, справа).
Отображение только на определённых устройствах (ПК или мобильные).
Конвертация блока в HTML.
How to Set Alt Text for an Image?
Как задать Alt-текст?
Alt-текст — это обязательный элемент профессионального письма. Он:
Показывает, что находится на изображении, если оно не загрузилось.
Улучшает спам-рейтинг письма.
Чтобы задать Alt-текст, выберите изображение и в правой панели в поле Alt Text введите описание.
📌 Рекомендуется писать до 120 символов, и не использовать одинаковый текст для разных картинок.
Как добавить ссылку на изображение?
Перейдите в настройки блока изображения, включите переключатель Link on image и вставьте ссылку. Она откроется в новой вкладке браузера.
Как изменить размер изображения?
В панели Sizing установите ширину изображения в пикселях. Максимальная ширина письма — 600px.
📌 Рекомендуется загружать изображение в 1.5 раза больше нужного размера (например, 900px для 600px), чтобы оно было чётким на экранах с высоким разрешением.
Также перед загрузкой сжимайте изображения с помощью онлайн-сервисов без потери качества — это снизит общий вес письма.
Как растянуть изображение на всю ширину?
В настройках блока включите переключатель Adjust to width — изображение займет всю ширину секции.
Как задать цвет фона под изображением?
В разделе Background установите нужный цвет в формате hex (например, #FFFFFF).
Как задать рамку и стили рамки?
Во вкладке Background, включите Border style и настройте:
Цвет рамки
Толщину
Стиль (сплошная, пунктир и др.)
Скругление углов
Как изменить выравнивание изображения?
Во вкладке Position выберите: слева, по центру или справа.
Как задать отступы?
В том же разделе Position укажите отступы от каждой стороны — отдельно или одинаково для всех сторон.
Как скрыть изображение на ПК или мобайле?
Вы можете отключить отображение блока на определённых устройствах. Подробнее читайте в статье о скрытии блоков (упоминается отдельно).
Как конвертировать блок изображения в HTML?
Вы можете перевести блок изображения в HTML и редактировать код напрямую. Подходит для продвинутых пользователей. Подробности — в статье по теме.
You can disable or enable the display of an image block for specific devices. Read here how to do it and why it's needed.
Настройки изображения в мобильной версии
В мобильной версии можно:
Изменить размер изображения или растянуть на ширину
Изменить выравнивание
Для этого переключитесь в мобильную тему, кликните по изображению и измените параметры в правой панели.
Настройки изображения в тёмной теме
Вы можете загрузить отдельное изображение специально для тёмной темы, отличное от основного. Это позволяет создавать тёмные версии баннеров или карточек продуктов, чтобы email выглядел идеально на всех устройствах.
📌 Как это сделать — читайте в отдельной статье про изображение для тёмной темы.