Docs RU

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

2025-07-30 09:05 Редактор

Image Settings in the Desktop Light Version

Настройки изображения в светлой версии для ПК

В Markeaze доступен широкий набор параметров для блока изображения:
  • Alt-текст (альтернативный текст, отображаемый, если картинка не загружается. Рекомендуется всегда его задавать, так как его отсутствие может повлиять на доставляемость письма).
  • Ссылка на изображение (при клике на изображение пользователь перейдёт по указанной ссылке).
  • Hover-эффект (при наведении изображение меняется на другое).
  • Размер изображения (по ширине, в пикселях).
  • Растянуть на всю ширину.
  • Цвет фона под изображением.
  • Стили рамки (цвет, толщина, скругление).
  • Выравнивание изображения (влево, по центру, вправо).
  • Отступы от краёв блока (сверху, снизу, слева, справа).
  • Отображение только на определённых устройствах (ПК или мобильные).
  • Конвертация блока в HTML.

How to Set Alt Text for an Image?

Как задать Alt-текст?

Alt-текст — это обязательный элемент профессионального письма. Он:
  • Показывает, что находится на изображении, если оно не загрузилось.
  • Улучшает спам-рейтинг письма.
Чтобы задать Alt-текст, выберите изображение и в правой панели в поле Alt Text введите описание.
📌 Рекомендуется писать до 120 символов, и не использовать одинаковый текст для разных картинок.
Set up alt text for image

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

Перейдите в настройки блока изображения, включите переключатель Link on image и вставьте ссылку. Она откроется в новой вкладке браузера.
Enable the toggle to turn on link on image
Add your link to image

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

В панели Sizing установите ширину изображения в пикселях. Максимальная ширина письма — 600px.
📌 Рекомендуется загружать изображение в 1.5 раза больше нужного размера (например, 900px для 600px), чтобы оно было чётким на экранах с высоким разрешением.

Также перед загрузкой сжимайте изображения с помощью онлайн-сервисов без потери качества — это снизит общий вес письма.

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

В настройках блока включите переключатель Adjust to width — изображение займет всю ширину секции.
Adjust image to the width of the block

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

В разделе Background установите нужный цвет в формате hex (например, #FFFFFF).
Setting the image block background color

Как задать рамку и стили рамки?

Во вкладке Background, включите Border style и настройте:
  • Цвет рамки
  • Толщину
  • Стиль (сплошная, пунктир и др.)
  • Скругление углов
Setting border style for image block

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

Во вкладке Position выберите: слева, по центру или справа.
Align the image left, right or center

Как задать отступы?

В том же разделе Position укажите отступы от каждой стороны — отдельно или одинаково для всех сторон.
Set paddings for image block

Как скрыть изображение на ПК или мобайле?

Вы можете отключить отображение блока на определённых устройствах. Подробнее читайте в статье о скрытии блоков (упоминается отдельно).

Как конвертировать блок изображения в 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.

Настройки изображения в мобильной версии

В мобильной версии можно:
  • Изменить размер изображения или растянуть на ширину
  • Изменить выравнивание
Для этого переключитесь в мобильную тему, кликните по изображению и измените параметры в правой панели.
Adjust image size and position for mobile mode

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

Вы можете загрузить отдельное изображение специально для тёмной темы, отличное от основного. Это позволяет создавать тёмные версии баннеров или карточек продуктов, чтобы email выглядел идеально на всех устройствах.
📌 Как это сделать — читайте в отдельной статье про изображение для тёмной темы.