> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Редактирование изображений

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

|| ${color}[#ffa800](Примечание:) несмотря на то, что Weblium автоматически оптимизирует изображения, которые вы добавляете на сайт, большое количество медиа-файлов на странице может повлиять на [скорость загрузки сайта](https://help.weblium.com/ru/article/skorost-zagruzki-sajta-snccma/).

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

# Редактирование изображений

1. Если картинка была добавлена как отдельный элемент или как часть галереи, нажмите на неё и кликните на «бегунок» в появившемся меню, чтобы открыть её **Настройки**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/rediz-ru-1_139jt0j.png)
|| ${color}[#ffa800](Примечание:) если вы хотите отредактировать фоновое изображение блока, ознакомьтесь со статьей [Изменение дизайна блока](https://help.weblium.com/ru/article/izmenenie-dizajna-bloka-s9tme4/).

#### Возможности для редактирования

1. Наложение цвета на картинку позволяет значительно улучшить её читаемость:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/rediz-ru-2_luueho.png)
2. Добавление фильтра может существенно преобразить вашу картинку, изменяя её яркость, резкость, насыщенность или прозрачность:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/rediz-ru-3_1ycb86w.png)
3. Изменение режима масштабирования позволяет решить, как изображение будет размещаться в контейнере — будет ли оно полностью его заполнять или оставаться в своих оригинальных пропорциях:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/rediz-ru-4_6wl5z9.png)
4. Изменение стиля изображения включает или отключает закругленные углы:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/rediz-ru-5_taxl6d.png)
|| ${color}[#ffa800](Примечание:) эта функция работает только в том случае, если изображение заполняет собой весь контейнер соответственно настройке, упомянутой выше.

### Изменение отображения картинки

1. Вы можете растянуть изображение, перетаскивая «рычажок» снизу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/drag_f9iyk3.png)
2. Вы также можете настроить зону отображения с помощью «лупы»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/magn_19n21qn.png)
3. Измените отображение, перетаскивая саму картинку в контейнере, удерживая при этом правую кнопку мыши:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/move_17vcrvf.png)
Не забудьте [опубликовать свой сайт](https://help.weblium.com/ru/article/publikaciya-sajta-1xvrq6l/), чтобы изменения вступили в силу.