Вставка изображений в TwinRewrite

В текст можно вставлять изображения, доступные в Интернете по прямым ссылкам.

Для этого выберите команду «Изображение…» в меню «Вставка», либо нажмите на кнопку «Вставить изображение» на панели инструментов.

Откроется окно «Вставить изображение», в котором достаточно заполнить лишь одно обязательное поле — «URL изображения», но можно применить массу дополнительных параметров.

На вкладке «Изображение по умолчанию (<img>)» задаются параметры основного изображения, которое будет отображаться в общем случае, если не задано иное. Обязательно для заполнения.

На вкладке «Дополнительные (<picture>)» можно указать дополнительные файлы для того же изображения, подготовленные для различной плотности пикселей, области просмотра и ориентации экрана. Необязательно для заполнения.

Большинство полей ввода снабжены контекстными меню для быстрой вставки или очистки.

Поддерживаемые форматы изображений: JPEG, WebP, PNG, GIF, SVG, AVIF, APNG.

Чтобы вставить изображение, нажмите на кнопку «ОК» (либо на Enter).

Вставка осуществляется в том участке текста, где стоит курсор.

Чтобы закрыть окно без вставки, нажмите на кнопку «Отмена» (либо на Esc).

Изображение по умолчанию (<img>)

Основные поля

• «URL изображения». Вставьте прямой адрес изображения на сервере. Обязательное поле.
• «Альтернативный текст». Введите текст, который будет описывать изображение. Используется программами чтения с экрана и поисковыми системами. Также этот текст видят пользователи с отключенным показом изображений.
• «Размер». Укажите ширину и высоту изображения, в пикселях (px) или процентах (%). По умолчанию не указаны, поэтому вставляется полноразмерное изображение.
• «Выравнивание». Выберите тип выравнивания изображения на странице — без выравнивания, по левому краю, по правому краю или как у родительского элемента (inherit).

Дополнительные параметры

Отступы

Можно задать отступы изображения от краёв соседних элементов (текста, других объектов). Для этого заполните графы «Слева», «Справа», «Сверху» и «Снизу».

Отступы указываются в пикселях (px) или процентах (%). По умолчанию, отступы нулевые.

Ссылка

Можно представить изображение в виде ссылки. Для этого заполните ниже перечисленные графы.

• «URL». Вставьте адрес страницы, на которую ссылаетесь. Оставьте пустым, чтобы вставить пустую ссылку, никуда не ведущую. Нажмите на ссылку «Как URL изображения», чтобы открывать полноразмерное изображение при щелчке по нему.
• «Подсказка». Можно задать надпись, которая будет всплывать при наведении курсора мыши на ссылку. Нажмите на ссылку «Как альтернативный текст», чтобы не придумывать подсказку, а взять в качестве неё альтернативный текст (если он указан).
• «Открывать ссылку в новой вкладке». Опция определяет, как будет открываться ссылка — на той же вкладке или на новой.
• «Не разрешать поисковым системам учитывать эту ссылку». Опция добавляет к ссылке атрибут rel="nofollow", учитываемый некоторыми поисковыми системами при индексации сайта. Он рекомендует поисковому роботу не передавать вес ссылки и вообще не переходить по ней.
• «Через редирект». Если опция активна, то можно указать URL, через который будет осуществляться редирект. В настройках программы можно добавить список префиксов для ссылок с редиректом, чтобы в дальнейшем не набирать этот URL вручную, а выбирать из выпадающего списка.

Дополнительные изображения (<picture>)

Включите опцию «Альтернативные изображения», чтобы разрешить добавление дополнительных изображений.

Можно добавить неограниченное количество вариантов изображения для различных ориентаций экрана, плотностей пикселей и ширины области просмотра. При загрузке страницы сайта, браузер автоматически определит, какой файл изображения нужно загрузить для наилучшего отображения.

Для каждого файла дополнительного изображения задаются следующие параметры:

• «URL». Прямой адрес изображения на сервере.
• «Плотность». Плотность пикселей, на которую рассчитано данное изображение. Доступны варианты «1х», «1.5х» и «2х». По умолчанию, «1х».
• «Область». Минимальная или максимальная ширина области просмотра изображения. Если область просмотра задана, то в графе «px» указывается её значение в пикселях. По умолчанию, не задана.
• «Ориентация». Ориентация экрана, при которой следует показать данное изображение. Если не задана, то изображение показывается при любой ориентации экрана. По умолчанию, не задана.