Displays the Image field as a visual image directly in your layout.

The image is rendered using the selected field value and respects the field’s return format, whether it provides an image ID, URL, or array. This ensures compatibility regardless of how the field was configured.

You can customize the appearance using block editor settings, including alignment, width, height, and spacing. Standard image styling options such as border radius, shadows, and other design controls are also supported, allowing the image to match your overall layout.

This option is ideal when you want to present images visually rather than as links or text references.

Customization

Default image

Set a default image if the field is empty.

Overlay

Add a color overlay to the image.

Duotone

Apply a duotone or filter effect to the image.

Aspect ratio

Set the image aspect ratio.

Height & Width

Set a custom width and height for the image.

Resolution

Choose the image resolution to display.

Available Filters