Image block

An Image block places a photo, graphic, logo, or Lucide icon in a column. You can link the image, set alt text, and choose how wide it is on desktop and mobile.

What is an Image block?

An Image block places a photo, graphic, logo, or Lucide icon in a column. You can link the image, set alt text, and choose how wide it is on desktop and mobile.

Use Image for photos, logos, and icons. Use Video when you want a play-button thumbnail that opens a video URL. Use Graphic Text when the “image” is styled wording baked to a PNG.

How to add

  1. Open the Blocks tab in the left sidebar.
  2. Drag Image into a column on the canvas.
  3. Click the block to edit its content and properties.
Blocks palette in the left sidebar
The Blocks tab lists Section plus every content block. Drag a tile into a column.

Properties

Select the Image block, then open the Properties tab on the right. These controls change how this block looks and behaves.

PropertyOptionsUsed for
SourceLibrary, URL, AI, or Lucide iconWhich picture or icon appears
Alt textShort descriptionWhat screen readers and image blockers announce
LinkOptional href, title, and targetWhere a tap on the image goes
WidthFixed or full; fluid on mobileHow wide the image is in the column
Frame and roleFrame shape; content, logo, or icon roleCrop/shape and how the image is treated
Lucide colourIcon fill when the source is a Lucide iconMatch the icon to the theme
Inner paddingpx, or More options per sideSpace inside the image frame
AlignmentLeft, centre, or rightWhere the block sits in the column
Background colourTheme colour or a custom swatchFill behind the block
Content paddingpx, or More options per sideSpace around the block in the column
BorderOn/off, width, colour, style, and sidesOutline around the block
Corner radiusA single px valueRound the block corners (email clients use one radius)
HideOff, mobile, or desktopKeep the block off one breakpoint

Related

Still need help?

Contact Support and we will get back to you.

Email support@openly.email

Feedback or suggestions?

Report a bug or share an idea.