ef-image

Renders a static image.

Attribute	Type	Default	Description
`src`	`string`	—	URL of the source file.
`duration`	`CSS time`	—	How long this element is active.
`offset`	`CSS time`	`0`	When this element starts within a parent fixed-mode group.

Use CSS object-fit: cover | contain | fill to control how the image fills its box.

Image proxy

When src is an external http:// or https:// URL, ef-image routes the request through the Editframe image proxy by default. This keeps the canvas renderer's frame captures taint-free without requiring CORS headers on the source.

If you're embedding the compositor in an environment that has no Editframe backend (such as a third-party CMS), set image-proxy="none" on the enclosing ef-configuration element instead of working around the missing proxy with data: URLs:

<ef-configuration image-proxy="none">
  <ef-image src="https://your-cms.example.com/media/photo.jpg"></ef-image>
</ef-configuration>

See ef-configuration — Image Proxy for the full behaviour reference and failure mode comparison.