##  [Image](/hc/documentation/learn-dxpr-builder/drag-and-drop-elements/image) 

















Add images from your computer, the web, or your Drupal website's library with our easy-to-use image element!

Follow the steps below to start using the Image element in your website:

1. Click on the **+** icon
2. Go to the **Content** tab
3. Select the **Image** element
4. Insert image by clicking on **Select Image**
5. *Select an image* that you've uploaded before from the **Media Library**, or *upload an image* from your computer library in the **Upload Images** tab
6. Once you've selected the image click on **Use Selected**
7. *Optionally,* resize the image in the **Resize** menu
8. *Optionally,* Set the width of the image in percentage in the **Width** field
9. *Optionally,* Set the height of the image in percentage in the **Height** field
10. *Optionally,* add a URL to the image in order to link the image to a website or file in the **Image Link** field
11. Once you’ve selected your preferred settings, you can click on **Save Changes** and you're done!

### Search Engine Optimization for your image 

1. Go to the **SEO** tab to optimize the image for search engines
2. Fill in the topic of the image carousel by the **Alt Attribute** field
3. Fill in additional information about the images by the **Title Attribute**
4. Once you’ve selected your preferred settings, you can click on **Save Changes** and you're done!







![]()