> ## 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).

# Добавление изображений

Добавление изображений на сайт — это отличный способ проиллюстрировать пользователям содержание текста, а также привлечь их внимание и расставить нужные акценты на странице. С помощью нашего редактора вы сможете добавить картинку практически в любой из готовых блоков.

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

Также вы можете знакомиться с видео ниже, чтобы узнать, как добавлять и редактировать картинки на сайте:

${youtube}[Работа с изображениями | Конструктор сайтов Weblium](nsW-EM1zd4s)

# Добавление картинок

1. Для начала вам следует выбрать любой блок в галерее, который содержит пустой серый контейнер для картинки, и добавить его на сайт:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1036-3_lm8wsy.png)

... либо вы можете добавить контейнер для картинки как элемент в уже существующий блок:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1037-1_gk9ga8.png)

| ${color}[#1aa900](Подсказка:) статья [Добавление элементов](https://help.weblium.com/ru/article/dobavlenie-elementov-1l7iiqt/) детальнее расскажет о том, как вы можете добавлять различные элементы в блоки.

2. Кликните на сам контейнер, а затем нажмите на кнопку **Загрузить** во всплывающем меню:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1038_1f6ieki.png)

3. В новом окне перед вами откроется **Медиагалерея** вашего сайта. Во вкладке **Бесплатные фото** вы сможете подобрать бесплатную стоковую картинку, используя поиск по ключевым словам. Все картинки, собранные в этой вкладке, взяты с платформы [Unsplash](https://unsplash.com/).

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1039_m6jkme.png)

4. Для того, чтобы добавить собственное изображение в свою личную галерею, перейдите во вкладку **Мои изображения** и нажмите **Просмотр файлов**. Затем выберите картинку со своего компьютера вручную:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1040_wjuynm.png)

Вы также можете просто перетащить в эту вкладку необходимую картинку.

||| ${color}[#f97700](Важно:) поддерживаемые форматы файлов: PNG, JPG, SVG, WebP, GIF и AVIF. 

6. Подождите, пока редактор загрузит и оптимизирует ваше изображение, а затем кликните на него, чтобы добавить в выбранный блок:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1041_1hubbt.png)

Готово! Чтобы продолжить настраивать отображение картинки, обратитесь к статье [Редактирование изображений](https://help.weblium.com/ru/article/redaktirovanie-izobrazhenij-tuqng3/).