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

# Adding images

Adding images to the site is an excellent way to illustrate what your page is about and attract the customers' attention to your company. With the help of our editor, you can add a picture to almost any of the ready-made blocks.

Before you begin, we recommend not overloading the pages with a lot of graphic content. This will not only significantly deteriorate the site loading speed but also reduce the level of perception by users of text content that is also on the page.

You can also check the video below to see how you can add and edit images:

${youtube}[Working with images | Weblium website builder | Tutorials.](XAJ53e3UnbI)

# Adding images

1. For that, you should first choose the block from our gallery that contains the image placeholder in it, and add it to your site: 

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

... or you can add the image placeholder itself as an element to the existing block:

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

| ${color}[#1aa900](Tip:) Check the [Adding elements](/en-us/article/adding-elements-1od52zn/) article to know how you can enrich your block's look by adding additional elements to it. 

2. Now click on the element itself and then on **Upload** button in the pop-up menu:

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

3. In the new window you will see the **Media gallery** of your site. In the **Free photos** tab you can browse through the stock images from the [Unsplash](https://unsplash.com/) platform by using the keywords: 

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

4. To upload your own image, navigate to the tab **My images** and click on **Browse files** to choose the photo from your computer: 

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

You can also just drag the image from your computer into the gallery.

||| ${color}[#f97700](Important:) Supported file formats: PNG, JPG, SVG, WebP, GIF and AVIF. 

5. Wait for the editor to upload and optimize your image, then click on it to add the image to the block:

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

Done! Continue with the image settings by following the steps in the article [Editing images](/en-us/article/editing-images-17ad7gj/).