The Image widget displays a static image on your overlay. Use it for logos, backgrounds, decorative elements, or any visual content.
Setup
- Add an Image widget to your overlay
- Select an image from your asset library using the Asset Picker
- Position and resize the widget on the canvas
| Format | Notes |
|---|
| PNG | Best for images with transparency |
| JPG | Good for photographs |
| GIF | Supports animation |
| SVG | Scales without quality loss |
| WebM | Video format, plays as animated media |
Properties
| Property | Description |
|---|
| Image | Select from your asset library |
| Position | X and Y on the canvas |
| Size | Width and height in pixels |
| Rotation | Rotation angle |
| Opacity | Transparency level |
Tips
- Use PNG with transparency for elements that need to blend with your stream
- Match your canvas resolution — Images at 1920x1080 fill the entire overlay
- GIF and WebM provide animated elements without needing complex widget configurations
See Also