Skip to help content

Media, text & generated visuals

Image

Place a local still image into a scene.

Before you start

Open the intended collection and layout. For capture or network inputs, have the device or sender available.

Where to find it

Sources > Add > Image.

Use it

  1. Open the scene that will contain the source.
  2. Choose Add in Sources.
  3. Select Image in Create Source.
  4. Enter a name and choose New.
  5. Choose Browse and select Image File.
  6. Check the image preview.
  7. Set unloading and alpha handling if needed.
  8. Choose Save and Close (or OK where shown).
  9. Check the source in Preview before taking it to Program.

Controls and additional tasks

Edit opens Image Editor. Unload image when not showing releases unused image memory. Apply alpha in linear space changes translucent edge blending. Supported static image choices include AVIF, BMP, TGA, PNG, JPEG, GIF, WebP, PSD, SVG, and TIFF; JXR is additionally available on Windows. Animated/scripted SVG behavior is not supported by Image Source.

Control reference

ControlUse
Image source optionsChoose the dynamic image group that supplies live images.
Image source optionsEdit the selected group.
Image source optionsAdd a group.
StretchChoose how live images fit inside the dynamic image box. Choices: None, Fit, Fill with crop, Fill.
Fixed PointChoose the anchor point used when the dynamic image does not fill the box. Choices: Top, Left, Right, Bottom, Top Left, Top Right, Bottom Left, Bottom Right, Center, Top Left, Top Right, Bottom Left, Bottom Right.
Aspect RatioChoose the dynamic image box aspect ratio.
Image source optionsBox width for this source in the current layout.
Image source optionsBox height for this source in the current layout. Enabled only for Free Size.
Image source optionsSet the box width for this source in the current layout. Minimum: 1.
Image source optionsSet the box height for this source in the current layout. Available for Free Size. Minimum: 1.
Image source optionsChoose the transition used when Dynamic Image content changes inside the box.
Image source optionsEdit the selected transition.
Image source optionsCreate a new transition.
Image source optionsLocal image file path used by this source.
BrowseChoose a local image file.
EditEdit the selected image.
Unload image when not showingRelease the image from memory when this source is not visible.
Apply alpha in linear spaceUse linear-space alpha handling for images that need more accurate edge blending.
Save and CloseSave Image Source settings. Shortcut: Ctrl+S.
CancelClose without saving changes.

Example

Add a transparent PNG logo above a camera.

If something is wrong

If lettering differs in an SVG, check that its font is installed. Use Image Sequence for a numbered animation.

Stop or remove

Hide the source to stop showing its picture. Use its available playback/connection stop control when you need to stop the input itself. Remove the source item from the scene when it is no longer needed. Shared sources can still be used in other scenes.

Keys in this feature

KeyActionType
Ctrl+SSave and closeBuilt-in shortcut

Image Editor · Keyboard shortcuts · Menu reference · Manual contents

More in Media, text & generated visuals