Image element
Display images in your User Interface (UI).
Read time 1 minuteLast updated 2 days ago
Use the Image element to add pictures or a simple rectangle to your User Interface (UI) as a background or visual element. You can adjust the size, color, and how the image fits within its area.
Image properties
The following properties are available for you to customize in the image's Inspector panel:Property | Description |
|---|---|
| Color | Set the color of the image. |
Add a rectangle and change its color
To add a simple rectangle to your UI and change its color:- In the Hierarchy panel, select your UI Canvas.
- Right-click and choose UI > Image to create a new image element
- In the Inspector panel, select the Color property and choose a color for your image element.
Add your own image
To add your own image to the UI:- In the Project panel, select Import Assets.
- Select your current project in the Projects panel.
- Select Add and choose an image file (PNG, JPG, or JPEG) from your device.
- Select Upload to add the image to the project.
- Choose the images you want to import and select Import. Lite adds the images to the My Assets folder in the Project panel.
- In the Hierarchy panel, select your UI Canvas.
- Drag your uploaded image from the My Assets folder in the Project panel onto the canvas in the Scene view.