Вы можете использовать изображения в формате **JPG**, **PNG**, **GIF**, **WEBP** и **SVG**.
Чтобы добавить своё изображение, нажмите на черную полосу над картинкой и выберите нужный файл в проводнике. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-kak-dobavit-izobrazenie.gif) Чтобы добавить метки на изображение, достаточно просто нажать на него в любом месте. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-kak-dobavit-metki.gif) Чтобы добавить подпись к метке, нажмите на метку. Откроется окошко, где вы сможете ввести свой текст. Нажмите на метку ещё раз, чтобы закрыть окошко. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-kak-dobavit-tekst.gif) Чтобы удалить метку, нажмите на неё, откроется окошко для текста. Справа от текста вы увидите значок «**Корзина**». Нажмите на него, чтобы удалить эту метку. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-kak-udalit-metku.gif) Вы можете изменить ширина маркера. По умолчанию стоит "**Адаптивно**", это значит, что после ввода текста размер маркера адаптируется по объем и формат текста, будет или широким или узким. Так же вы можете самостоятельно поставить "**Узко**" или **"Широко"** [](https://wiki.scroll-tool.ru/uploads/images/gallery/2025-11/image.png) ### Как изменить внешний вид? Вы можете настроить внешний вид меток. Можно выбрать: - цвет метки - иконку - цвет иконки Также в этом блоке вы можете ввести свой текст для подсказки к блоку. ##### Цвет метки Вы можете выбрать цвет для метки из **палитры**. Откройте выпадающее меню палитры: там вам будут доступны цвета из базовой палитры и те цвета, которые вы добавили самостоятельно.Добавить свои цвета в палитру можно в настройках лонгрида. [Подробнее о своих цветах](https://wiki.scroll-tool.ru/link/47#bkmrk--0).
Также вы можете задать свой собственный цвет с помощью **HEX-кода**.Обратите внимание, что при вставке HEX-кода нельзя удалять символ решетки. Иначе цвет не будет работать.
[](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-izmenit-cvet-metki.gif) *Чтобы увеличить демонстрацию, нажмите на нее.* ##### Иконка Вы можете выбрать иконку из встроенной базы иконок. И выбрать её цвет, а также задать свой собственный цвет с помощью **HEX-кода**. [](https://wiki.scroll-tool.ru/uploads/images/gallery/2026-07/izobrazenie-s-metkami-ikonka-metki.gif) *Чтобы увеличить демонстрацию, нажмите на нее.* ### Как я могу использовать этот блок? Этот блок хорошо подходит: - Для различных карт, схем, планов. Можно добавить схему и отметить на ней нужные объекты, одновременно показывая, как они выглядят и давая дополнительную информацию. ---Если у вас остались вопросы, напишите нам на почту