Skip to main content

​
Overview

The Image/Video element places a media overlay on the video timeline. It supports:
  • Static images — JPG, JPEG, PNG (raster), SVG (vector, full transparency)
  • Static with transparency — WebP (static transparent images)
  • Animated images — GIF, APNG, animated WebP (loop within the element’s time window)
  • Video clips — WebM (transparent via VP8/VP9 alpha), MP4 (opaque)
The element can be positioned anywhere on the canvas, given a corner radius and drop shadow, and animated in/out independently of the media’s own content animation.

​
Supported Formats

Max Library Size

Up to 20 files per project.

​
Adding an Image/Video to Your Project

1

Open the Library

In the Effects sidebar, click Image/Video.
2

Upload Your Asset

In the library mode panel, click Upload Image/Video to upload a file from your device.
3

Select Your Thumbnail

Click a thumbnail in the grid to select it.
4

Place on Canvas

Click Add to Video — the element appears on the canvas at a default position.
5

Position and Resize

Drag the element to your desired location and resize it using the corner handles.
6

Configure Styles

Adjust timing, animation, and visual effects in the configuration panel, then click Apply.

​
Format Guidance

Pro-Tip: Use WebM for transparent video overlays (e.g., an asset floating over the background). MP4 does not support transparency; underlying videos will show through as a black rectangle.

​
Animation Effects

Element-level animations control how the overlay enters and exits the canvas — independent of the media’s own internal animation (GIF frames, video playback, etc.).
Scale, Zoom, and Reveal are disabled for animated/video formats.

​
Visual Effects