Менеджерам обучения
Курсы
Интерактивный лонгрид
Контентные блоки
Изображение

Изображение

Блок «Изображение» позволяет добавить к проекту картинку и настроить её внешний вид.

Как выглядит блок?

image1-look.gif (opens in a new tab)

Как добавить блок?

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

Как выглядит блок в меню

image0-menu.jpg

Добавление блока

image2-new.gif (opens in a new tab)

Чтобы увеличить демонстрацию, нажмите на нее.

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

Чтобы добавить своё изображение, нажмите на стартовую картинку и выберите нужный файл в проводнике.

Вы можете использовать изображения в формате JPG, PNG, GIF, WEBP и SVG.

Заполнение блока

image3-fill.gif (opens in a new tab)

Чтобы увеличить демонстрацию, нажмите на нее.

Еще есть возможность сгенерировать картинку с помощью нейросети.

Генерация картинки

Как изменить внешний вид?

В блоке «Изображение» можно изменить:

  • размер картинки
Размер картинки

Чтобы изменить размер изображения, двигайте ползунок ширины в правую или левую сторону. Или просто нажимайте на него в нужном месте. Текущая ширина указана в пикселях слева от ползунка. При изменении размера исходные пропорции сохраняются.

image4-size.gif (opens in a new tab)

Чтобы увеличить демонстрацию, нажмите на нее.

Как настроить?

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

По умолчанию увеличение изображения разрешено. Чтобы его запретить, нажмите на соответствующий переключатель.

Запрет увеличения картинки

image5-download.gif (opens in a new tab)

Чтобы увеличить демонстрацию, нажмите на нее.

Совет: если вы оставляете возможность для просмотра в полном размере включенной, то лучше не загружать в блок изображения с прозрачным фоном (такие изображения могут быть в формате png, gif, webp). Иначе при увеличении они не будут иметь фона.

Пример с прозрачным фоном:

image3-transparent.gif (opens in a new tab)

Чтобы увеличить демонстрацию, нажмите на нее.

Есть ли альтернативные варианты этого блока?

Да. Вы можете добавить другой тип контентного блока «Текст с изображением».

Как я могу использовать этот блок?

Этот блок хорошо подходит:

  • Чтобы повысить наглядность проекта.
    Например, вы можете поместить в этот блок схему процесса или образец вашей продукции.
  • Чтобы украсить проект.
    Блок не обязательно должен содержать полезную для обучения картинку. Можно разместить просто красивое изображение в тему проекта. Например, в конце урока можно поместить картинку, которая сообщает об окончании урока. Красиво и функционально!