# Image

The **Image** UI element supports displaying static images, animated images, and videos within the Floating UI.

#### Supported formats:

* **Animated:** Lottie, GIF, MP4
* **Static:** PNG, JPG, SVG, WebP
* **Figma frames:** [figma-frames-import](https://open-2v.gitbook.com/url/help.vectary.com/documentation/importing/figma-frames-import "mention")

Playback control of animated files and videos within the Floating UI can be managed through **interactions -** [animated-texture](https://open-2v.gitbook.com/url/help.vectary.com/documentation/3d-configurator/interactions/actions/animated-texture "mention")

{% hint style="success" %}

#### **Video with audio**

When a video file containing an audio track is uploaded, a slider appears in the texture settings to control the audio volume.

![](https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FU3ZKtMRKTnourkTvRsdh%2Fimage.png?alt=media\&token=936f89a3-d4d0-4b58-a3fc-ce3b52426f43)
{% endhint %}

#### Layout

* **W** — Defines the width of the Image element.
* **H** — Defines the height of the Image element.<br>
* **Fixed** — Sets a fixed size in pixels.
* **Fill** — Adjusts the size based on the parent element (**Floating UI** or **Container**).<br>
* **Padding** — Sets vertical and horizontal padding within the Image element.
* **Corner radius** — Defines the rounding radius of the Image element.

#### Stroke

* **Thickness** — Defines the stroke thickness of the Image.
* **Default color** — Sets the default stroke color (if disabled, the stroke will be transparent).
* **Hover color** — Changes the stroke color on hover.