Блок «Изображение» - это простой и быстрый способ добавить изображение на свою страницу. Для вставки изображения вы также можете использовать блок «Контент», но инструмент «Изображение» более мощный в плане контроля размещения и настройки размеров.
Файлы
Изображение
Это изображение, которое вы добавите на страницу. вы можете использовать форматы JPG, PNG, SVG или не анимированные GIF-изображения. При клике по кнопке «Выбрать изображение» открывается файловый менеджер, где нужно выбрать нужный файл.
Изображение при наведении
Необязательная опция, позволяющая выбрать второе изображение. Данное изображение будет показано при наведении курсора на блок. Вы можете добавить изображение в формате JPG, PNG или не анимированные GIF-изображения.
Эффект наведения изображения требует ограничения размера изображения (через ресайз или обрезку) и работает только с изображениями в форматах JPG, PNG и неанимированными изображениями GIF.
HTML
Ссылка с изображения
Нет - изображение не будет иметь ссылку.
Страница - изображение будет являться ссылкой на другую страницу вашего сайта. При нажатии «Выбрать страницу» открывается карта сайта для выбора страницы.
Внешний URL - изображение будет являться ссылкой на внешний адрес (обычно начинающийся с http или https).
Файл - изображение будет являться ссылкой на файл. При нажатии «Выбрать файл» открывается файловый менеджер.
Открыть ссылку в новом окне - если этот флажок установлен, то ссылки на изображения будут открываться в новом окне или вкладке.
Альтернативный текст
Этот текст будет прописан в атрибуте alt изображения. Альтернативный текст должен описывать внешний вид и предназначение изображения на странице. Для целей SEO и доступности настоятельно рекомендуется заполнять альтернативный текст.
Заголовок
Этот текст будет прописан в атрибуте title изображения. Заголовок отображается как всплывающая подсказка при наведении курсора на блок.
Ресайз изображения
При необходимости для изображения можно ограничить размеры или выполнить обрезку. Неограниченные изображения отображаются в виде элемента picture. Ограниченные изображения отображаются в виде элемента img. Ограничить размеры для SVG-изображения невозможно.
Ограничить размеры изображения - изменение размера изображения, сохраняя его пропорции. Ограничение изображения требует установки как минимум одного из значения: максимальной ширины или максимальной высоты.
Обрезка изображения - изменить размер и обрезать изображение из центра. Обрезанные изображения требуют установки максимальной ширины и максимальной высоты. Установка максимальной высоты или максимальной ширины 9999 предотвратит изменение данного размера.
Максимальная ширина - максимальная ширина изображения в пикселях.
Максимальная высота - максимальная высота изображения в пикселях.