> ## 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). # Media Gallery of your website All images on the website that you have uploaded, generated, or selected from Unsplash's free photos will be stored in the Media Gallery. In this article, we will look at how you can manage it. **Contents:** * [How to open the Media Gallery?](#1-how-to-open-the-media-gallery) * [What actions are available in the Media Gallery?](#1-what-actions-are-available-in-the-media-gallery): ㅤㅤㅤㅤㅤ[Adding photos](#6-adding-photos) ㅤㅤㅤㅤㅤ[Working with images](#6-working-with-images) ㅤㅤㅤㅤㅤ[Working with folders](#6-working-with-folders) # How to open the Media Gallery? To do this, go to any element to which you can add a photo: Image, Gallery, Logo, Hover Effect, and others. Depending on which element you are using, there are several possible options: * For elements such as **Image**, **Before/After**, etc., clicking on them opens a context menu where you will find the icon for opening the gallery: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-an_so9ge1.png) * For elements such as **Gallery**, **Hover effect**, etc., you must first go to the settings for the element itself: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-an_1a8e2on.png) There you will see the **Gallery** button, which is an alternative to uploading files from your device: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-an_jdcemk.png) * For [absolute elements](/en-us/article/absolute-positioning-of-elements-in-ordinary-blocks-180v5et/) in a regular block and in a [Flex block](/en-us/article/adding-a-flex-block-with-freely-arrangeable-elements-1a6dkwg/), the block settings open after clicking on the element. There, similar to the point above, you can also go to the gallery: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-an_8l40xo.png) | ${color}[#1aa900](Tip:) For the Image and similar elements mentioned in the first point, you can also open the Media Gallery through the element settings. # What actions are available in the Media Gallery? First of all, of course, you can select a photo for the element in which you opened the Media Gallery — to do this, simply click on the corresponding image and confirm the action in the bottom menu by clicking on the **Apply image** button: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-an_1sd2vsl.png) | ${color}[#1aa900](Tip:) If you are adding photos to the Gallery element, hold down the Cmd key (on Mac) or Shift key (on Windows) to select multiple photos at once. ###### Adding photos Currently, there are three main sources of photos available for your site: * **Uploading images from your own device** To do this, click on the **Browse files** button in the **My Images** tab, where you can select photos from your device: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-an_119ohgn.png) | ${color}[#1aa900](Tip:) The media gallery supports uploading multiple photos at once. || ${color}[#ffa800](Note:) Currently supported formats are .png, .jpg, .svg, .webp, .avif, and .gif. * **Unsplash free photo gallery** Go to the **Free photos** tab, where you can browse thousands of high-quality images and use them on your website. In the search field, you can search for the photos you need using keywords — since Unsplash is an international platform, we recommend entering keywords in different languages, including English. ||| ${color}[#f97700](Important:) when you select a specific photo from this tab, it will be automatically applied to the element through which you opened the Media Gallery, and also added to all your images in the My Images tab. * **Generating images using AI** In the **AI Visual** tab, you can generate your own image or illustration using AI from DALL-E. T[he following article](/en-us/article/image-generation-with-ai-visual-z0d4ax/) will familiarize you with this feature in more detail. ###### Working with images When you click on a photo, you will see the following options: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-an_3y6lbo.png) ① **Select all**: selects all images in the Media Gallery. ② **Unselect all**: deselects all selected images. ③ **Move**: allows you to move selected photos to one of the created folders. For more information on working with folders, see the next section. | ${color}[#1aa900](Tip:) You can as well drag and drop images to the folder you need. ④ **Download**: allows you to download the selected photo to your device. ||| ${color}[#f97700](Important:) This action is currently unavailable if you have selected more than one photo. ⑤ **Delete**: deletes the selected images from your Media Gallery. ||| ${color}[#f97700](Important:) The Media Gallery does not have a trash section from which you can restore deleted photos. If you accidentally delete an image you need, you will need to download it again. || ${color}[#ffa800](Note:) The Download, Move, and Delete actions are also available in image cards — hover over the image you want and click on the three dots to access them. ###### Working with folders To add a new folder, click **New folder** at the top of the menu and enter the desired name for it: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-an_wafb6t.png) | ${color}[#1aa900](Tip:) Once you open the folder, you can also create a subfolder if you need a more hierarchical file structure. By clicking on the three dots next to the folder name, you will see the **Rename** and **Delete** options: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/mediagalereya-vashogo-saitu-an_1uyopm7.png) ||| ${color}[#f97700](Important:) When you delete a folder, all the files in it will also be deleted. Move the images to another folder or to the ‘All Files’ section beforehand to save them. You can freely move added photos between **folders**, **subfolders**, and **All Files**. To do this, select the photo you want to move (it can be one separate image or several) and select the **Move** option in the bottom panel. You can as well drag and drop images to the folder you need. | ${color}[#1aa900](Tip:) Hold down the Cmd key (on Mac) or Shift key (on Windows) to select multiple photos at once.