Создание изображения
📅 Создано: 28 февраля 2026
Блок изображения позволяет загружать и отображать картинки в макете. Поддерживаются все основные форматы (JPEG, PNG, GIF, WebP).
Как создать блок изображения
- Перетащите блок "Изображение" из левой панели во фрейм
- Или правый клик по фрейму → "Добавить изображение"
Загрузка изображения
- Выделите блок изображения
- В правой панели нажмите кнопку "Загрузить"
- Выберите файл на компьютере
- Изображение автоматически появится в блоке
Пока изображение не загружено, в блоке отображается плейсхолдер с иконкой 🖼️ и надписью "Нажмите для загрузки".
Настройка блока
Размер и положение
- Перетаскивание: захватите и переместите
- Изменение размера: тяните за маркеры по краям
- Точные координаты: поля X, Y, ширина, высота в панели свойств
Скругление углов
- В панели свойств введите значение от 0 до 50px
- Скругление применяется к блоку, изображение подрезается по форме блока
Обводка
- Толщина: от 0 до 20px
- Цвет: любой цвет через палитру
Работа с изображением
- Замена изображения: снова нажмите "Загрузить" и выберите новый файл
- Масштабирование: изображение автоматически подстраивается под размер блока (object-fit: contain)
- Копирование: при копировании блока изображение сохраняется в буфере (в формате base64)
Часто задаваемые вопросы
Какие форматы поддерживаются?
JPEG, PNG, GIF, WebP. Размер файла не ограничен, но большие изображения могут замедлить работу редактора.
Где хранятся изображения?
Изображения сохраняются прямо в проекте в формате base64. При экспорте кода они также остаются в коде.
Можно ли изменить изображение после загрузки?
Да, просто нажмите "Загрузить" снова и выберите новый файл. Старое изображение заменится.