Image

Free feature

Image is available to all Fomr users.

The Image component adds a display-only image to a form page. Use it for product photos, event visuals, instructions, diagrams, brand imagery, or visual breaks between questions.

Image does not collect responses. It only displays content to respondents.

When to use Image

Image works well for:

• Product photos or examples
• Event banners or venue images
• Instructional diagrams
• Visual section breaks
• Brand or campaign imagery inside the form
• Context before a group of questions

Tip

Use Image when the visual belongs inside the form content. Use logo and background settings for form-level branding and styling.

Adding an Image component

1. Open your form in the editor

2. Drag the Image component from the left sidebar onto your form

3. Click Choose an image on the canvas or Add image in the settings panel

4. Select an image source

5. Configure captions and layout settings as needed

Image sources

Choose where the image comes from:

• Assets library — Select an existing image from your asset library. Use this for images you reuse across forms.
• Upload — Upload an image from your computer. The uploaded image is saved to your asset library.
• Link — Paste a direct image URL. Use this for images hosted outside Fomr.

Configuration options

Image source

Choose, replace, or remove the image shown by the component. You can select from assets, upload a new file, or paste an image URL.

Caption

Toggle whether the image has a caption. When caption is enabled, click the caption below the image on the canvas and type your text.

Captions support rich text formatting, so you can add short explanations or links when needed.

Full width

Full width makes the image span the available form width. This is useful for banners, large photos, and section visuals.

When full width is enabled, custom size and alignment controls are hidden because the image fills the form content area.

Size

When full width is off, set the image width and height. Fomr keeps the image proportions in sync while you adjust the size.

Alignment

When full width is off, align the image left, center, or right.

Tips

• Add images where they help — Use images to explain, illustrate, or set context. Avoid adding decorative images that make the form feel longer.
• Keep captions short — A caption should clarify the image, not become another long text block.
• Use full width for large visuals — Full-width images work best for banners and major section breaks.
• Use custom size for supporting visuals — Smaller images can support a question without taking over the page.
• Optimize uploads — Smaller JPG, PNG, or WebP files load faster for respondents.

Accessibility

Image captions help respondents understand why the image is there. If an image contains important information, repeat that information in nearby text as well.

Avoid using images as the only way to explain required instructions. This helps people using screen readers and anyone who cannot see the image clearly.

Handling in responses

Since Image is display-only:

• It does not appear in form responses
• It is not included in exports
• It does not affect required components or validation
• It has no impact on submission data