# Image

## Can I add images to my experience?

### Step 1: Add an Image

You can add an image by clicking on the '**+**' icon in the top bar.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2Fn7dZTkl0kl2zEHMDUYX8%2Fimage.png?alt=media&#x26;token=c0832f96-950d-430a-a652-b4ecbf0e70bf" alt=""><figcaption><p>Adding an Image</p></figcaption></figure>

### Step 2: Upload / Choose file

You can choose from the inventory of image or upload one from your computer.

Read below to know how to select a file to upload an image/ video.

{% content-ref url="../editor/file-manager/3rd-person-scenes" %}
[3rd-person-scenes](https://docs.gmetri.com/metaverse/build/editor/file-manager/3rd-person-scenes)
{% endcontent-ref %}

### Step 3: Adjust the Image element

The right panel offers various options for making adjustments. You can modify the image's width, height, scale, and opacity.

You can also animate, control the speed and modify other adjustments too, from here.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2F3IzrKN2oGKSwT4b6jmBg%2Fimage.png?alt=media&#x26;token=dd42708c-a322-428b-9ee3-4fcb6e5faa68" alt=""><figcaption><p>Adjusting the Image</p></figcaption></figure>

## Also Check

{% content-ref url="../../../guidelines-compatibility/guidelines/experience-optimizations/image-optimizations" %}
[image-optimizations](https://docs.gmetri.com/guidelines-compatibility/guidelines/experience-optimizations/image-optimizations)
{% endcontent-ref %}

{% content-ref url="../../../guidelines-compatibility/guidelines/asset-guidelines/image-aspect-ratio" %}
[image-aspect-ratio](https://docs.gmetri.com/guidelines-compatibility/guidelines/asset-guidelines/image-aspect-ratio)
{% endcontent-ref %}