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

# Медіагалерея вашого сайту

Усі зображення на сайті, які ви завантажили, згенерували чи вибрали серед безкоштовних фото Unsplash, будуть зберігатися у Медіагалереї. 

У цій статті ми розглянемо, як ви можете керувати нею.

**Зміст:**
* [Як відкрити Медіагалерею?](#1-yak-vidkriti-mediagalereyu)
* [Які дії доступні у Медіагалереї?](#1-yaki-diyi-dostupni-u-mediagalereyi):
ㅤㅤㅤㅤㅤ[Додавання фото](#6-dodavannya-foto)
ㅤㅤㅤㅤㅤ[Робота із зображеннями](#6-robota-iz-zobrazhennyami)
ㅤㅤㅤㅤㅤ[Робота з папками](#6-robota-z-papkami)

# Як відкрити Медіагалерею?

Для цього перейдіть до будь-якого елементу, до якого можна додати фото: Зображення, Галерея, Логотип, Hover-ефект та інші. 

 Залежно від того, який саме елемент ви використовуєте, існує декілька можливих варіантів:

* Для таких елементів, як **Зображення**, **До/Після** тощо, натискання на них відкриває контекстне меню, де знаходиться іконка відкриття галереї:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-uk_1k38f7m.png)
* Для елементів **Галерея**, **Hover-ефект** тощо, вам потрібно спочатку перейти до налаштувань самого елементу:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-uk_yx516m.png)
І там ви побачите кнопку відкриття **Медіагалереї**, як альтернативу до завантаження файлів з пристрою: 
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-uk_1kbf7om.png)
* Для [абсолютних елементів](/uk/article/absolyutne-pozicionuvannya-elementiv-u-zvichajnih-blokah-2kzydj/) у звичайному блоці та у [Flex-блоці,](/uk/article/dodavannya-flex-block-dlya-vilnogo-roztashuvannya-elementiv-14n7ad8/) налаштування блоку відкриваються після натискання на елемент. Там, аналогічно до пункту вище, ви також можете перейти до галереї:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-uk_9vbcxv.png)
| ${color}[#1aa900](Підказка:) для вже згаданих у першому пункті елементів Зображення та схожих, ви також можете відкрити Медіагалерею через налаштування елементу.

# Які дії доступні у Медіагалереї?

У першу чергу, звісно, ви можете вибрати фото для елементу, у якому ви відкрили Медіагалерею — для цього просто натисніть на відповідне зображення та у нижньому меню підтвердіть дію, клікнувши на кнопку **Застосувати зображення**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-uk_q6zumu.png)
| ${color}[#1aa900](Підказка:) якщо ви додаєте фото в елемент Галерея, затисніть кнопку Cmd (на Mac) або Shift (на Windows), щоб вибрати декілька фото одночасно.

###### Додавання фото

Наразі для вас доступно три основних джерела фото для вашого сайту: 

* **Завантаження зображення з власного пристрою**

Для цього у вкладці **Мої зображення** натисніть на кнопку **Перегляд файлів**, де ви зможете обрати фото з вашого пристрою:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-uk_11qoed8.png)
| ${color}[#1aa900](Підказка:) Медіагалерея підтримує завантаження декількох фото одночасно.

|| ${color}[#ffa800](Примітка:) наразі підтримуються формати .png, .jpg, .svg, .webp, .avif та .gif.

* **Безкоштовна галерея фото Unsplash**

Перейдіть до вкладки **Безкоштовні фото**, де ви зможете переглянути тисячі якісних зображень та використати їх на своєму сайті.

У полі пошуку ви можете шукати потрібні вам фото за допомогою ключових слів — оскільки платформа Unsplash є міжнародною, рекомендуємо вводити ключові слова різними мовами, зокрема англійською.

||| ${color}[#f97700](Важливо:) коли ви вибираєте певне фото з цієї вкладки, воно буде автоматично застосовано до елементу, через налаштування якого ви відкрили Медіагалерею, і також одночасно додано до всіх ваших зображень у вкладці Мої зображення.

* **Генерація зображень за допомогою ШІ**

У вкладці **AI Visual** ви можете згенерувати власне зображення чи ілюстрацію за допомогою АІ від DALL-E. [Наступна стаття](/uk/article/generaciya-zobrazhen-za-dopomogoyu-shtuchnogo-intelektu-ai-visual-1q8hi11/) детальніше ознайомить вас з цим функціоналом.

###### Робота із зображеннями

Натиснувши на фото, ви побачите наступні опції:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-uk_1th8s52.png)
① **Вибрати все**: виділяє всі зображення у Медіагалереї.

② **Скасувати вибір**: знімає виділення з усіх вибраних зображень.

③ **Перемістити**: дозволяє вам перемістити вибрані фото в одну зі створених папок. Про роботу з папками, детальніше — у наступному розділі.

| ${color}[#1aa900](Підказка:) ви також можете перетягнути зображення в потрібну папку. 

④ **Завантажити**: дозволяє вам завантажити виділене фото на ваш пристрій. 

||| ${color}[#f97700](Важливо:) наразі ця дія недоступна, якщо у вас обрано більше одного фото.

⑤ **Видалити**: видалить виділені зображення з вашої Медіагалереї.

||| ${color}[#f97700](Важливо:) Медіагалерея не має кошику, з якого ви можете відновити видалені фото. Якщо ви випадково видалили потрібне вам зображення, його необхідно завантажити повторно.

|| ${color}[#ffa800](Примітка:) дії Завантажити, Перемістити та Видалити також доступні у картках зображень — наведіть на потрібне зображення та натисніть на три крапки, щоб перейти до них. 

###### Робота з папками

Щоб додати нову папку, натисніть на **Створити папку** у верхній частині меню та вкажіть для неї потрібну назву:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-uk_4tzb2p.png)
| ${color}[#1aa900](Підказка:) відкривши папку, у ній також можна створити підпапку, якщо вам потрібна більш ієрархічна структура файлів.

Натиснувши на три крапки навпроти назви папки, ви побачите опції **Перейменування** та **Видалення**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-uk_t0osp9.png)

||| ${color}[#f97700](Важливо:) при видаленні папки будуть також видалені усі файли, які там знаходяться. Попередньо перемістіть зображення в іншу папку або до розділу ‘Усі файли’, щоб зберегти їх. 

Ви можете вільно переміщати додані фото між **папками**, **підпапками** та **Усіма файлами**. Для цього виділіть фото, яке хочете перемістити (це може бути одне окреме зображення або декілька), та виберіть опцію **Перемістити** у нижній панелі. Ви також можете перетягнути зображення в потрібну папку. 

| ${color}[#1aa900](Підказка:) затисніть кнопку Cmd (на Mac) або Shift (на Windows), щоб вибрати декілька фото одночасно.