Image Block
Learn how to show posters and detail images at their original proportions, with no cropping and no seams.
Image Block
A section that displays images at their original proportions. Unlike the gallery, nothing is cropped to fit a grid, so it suits posters and detail images you want delivered exactly as designed.
How Is It Different From the Gallery?
| Image Block | Gallery | |
|---|---|---|
| Proportions | Original, never cropped | May be cropped to fit the grid |
| Best for | Posters, detail pages, notices | Browsing a set of photos |
| Arrangement | Stacked top to bottom | Grid, slider, and other layouts |
Splitting a Tall Poster
Slice a poster into pieces and they join with no gap between them. A very tall image loads slowly and loses quality as a single file, but split into ordered pieces it still reads as one continuous image on screen.
Images join in the order you add them, top first. Double-check the order when uploading a sliced poster.
Fields
| Field | Description |
|---|---|
| Eyebrow | Small line above the title (optional) |
| Title | Section heading. Leave it empty to show only the images |
| Images | Click Add image to register multiple files |
| Alt text | Image description, used by screen readers and search |
| Rounded corners | Whether image corners are rounded |
Turn rounded corners off when joining a sliced poster. Leaving it on rounds every piece, which makes the seams visible.
Useful Patterns
Example 1: Use a finished poster as-is
- Leave the title empty and add only the image
- If the poster already contains text, a section heading just repeats it
Example 2: Break up a long detail page
- Slice the tall image into three or four pieces and add them in order
- Keep rounded corners off
Completion Checklist
- Images appear in the intended order
- Rounded corners are off for sliced posters
- Alt text is filled in
- Text inside the image is large enough to read on a phone
Text baked into an image is not translated. For a multilingual invitation, prepare a separate image per language, or put the important information in a text section alongside it.
Next Steps
- Creating a Photo Gallery - Show a set of photos together
- Rich Text Section - Longer formatted writing
- Image Upload and Image Manager - Uploading and reusing photos