Image

Place, crop and mask an image.

How to use

Choose an image from the media library and write alternative text.
Use contain for the whole image or cover to fill the frame; adjust zoom and pan to position the subject.
Set an optional mask or internal slide link and test the presentation.

Things to check

Cover crops edges; fill can distort proportions. The image URL must be accessible.

Property reference

Select the module in the editor to change its settings. Technical identifiers below are kept unchanged for reference; some advanced fields are stored as structured data rather than separate controls.

Find a property

28 / 28

alt

Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.

string

animation

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

{
    type: 'none' | 'slideInLeft' | 'slideInRight' | 'slideInTop' | 'slideInBottom' | 'fadeIn' | 'zoomIn' | 'zoomOut' | 'rotateIn' | 'flipInX' | 'flipInY' | 'bounceIn' | 'bounceInUp' | 'bounceInDown' | 'bounceInLeft' | 'bounceInRight' | 'elastic' | 'pulse';
    duration: number; // in seconds
    delay: number; // in seconds
    easing?: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear' | 'cubic-bezier(0.68, -0.55, 0.265, 1.55)';
    continuous?: 'none' | 'pulse' | 'spin' | 'bounce' | 'float' | 'heartbeat' | 'wobble' | 'shake' | 'swing' | 'rubberband' | 'flash' | 'tada' | 'jello';
    continuousDuration?: number;
  }

borderRadius

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

colorOverlay

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

fillContainer

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

flipHorizontal

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

grayscale

Converts the photo to grayscale; enable only when intended.

boolean

height

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

hoverEffect

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

linkType

Sets internal slide link behavior; use with the target slide field.

'internal'

linkedPageId

The target slide for an internal link. Select a new target if it was deleted.

string

maskImage

An image, media or link source. Use the media picker or an accessible URL and verify it loads in the presentation.

string

maskMode

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

'alpha' | 'luminance'

maskPosition

Sets the associated element alignment, placement or direction; preview it within the content area.

'center' | 'top' | 'bottom' | 'left' | 'right'

maskRepeat

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

'no-repeat' | 'repeat'

maskSize

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

'cover' | 'contain' | 'stretch'

objectFit

contain shows the full image, cover fills the frame by cropping edges, and fill may stretch proportions.

'contain' | 'cover' | 'fill'

opacity

Visibility ratio: 0 is fully transparent and 1 is fully opaque.

number

overlayOpacity

Sets the associated effect intensity or visibility. Stay within the editor allowed range.

number

panX

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

panY

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

rotation

Rotation or angle setting. Check block bounds and overlaps after rotating.

number

shadowEnabled

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

src

An image, media or link source. Use the media picker or an accessible URL and verify it loads in the presentation.

string

svgColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

width

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

zoomEnabled

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

zoomLevel

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number