Images in forms

Free feature

Images in forms are available to all Fomr users.

You can add images directly to form pages with the Image component. Use images to show products, add event visuals, include instructions, or make long forms easier to scan.

Unlike logos and backgrounds, images added with the Image component appear as content inside the form. They sit between questions, text blocks, dividers, and other components.

Add an image to a form

1. Open your form in the editor

2. Drag the Image component from the left sidebar onto the canvas

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

4. Choose an image source

5. Adjust the caption, width, size, or alignment as needed

Choose an image source

When you add or replace an image, Fomr gives you three source options:

Assets library

Choose an existing image from your asset library. This is best for brand images, reused graphics, and files you have already uploaded.

Upload

Upload a new image from your computer. Uploaded images are saved to your asset library so you can reuse them later.

Link

Paste a direct image URL. Use this when the image is already hosted elsewhere and you want to reference it directly.

Tip

Upload important images to Fomr when you want them stored with your other form assets. Linked images depend on the external host staying available.

Captions and layout

Image components include controls for how the image appears in your form:

• Caption: Turn on the caption setting, then edit the caption directly below the image on the canvas
• Full width: Let the image span the available form width
• Custom size: Set exact width and height when full width is off
• Alignment: Align smaller images left, center, or right when full width is off

Use full-width images for banners, visual section breaks, or large photos. Use custom sizing and alignment for smaller supporting images that sit between questions.

Image component vs. design images

Fomr supports images in several places:

Image type	Where it appears	Best for
Image component	Inside a form page	Product photos, examples, diagrams, visual breaks
Logo	Form header	Brand identity
Background	Behind the form	Page styling and mood
Open Graph image	Link previews	Social sharing and search previews

If respondents should see the image as part of the form content, use the Image component. If the image is part of the overall design, use the logo or background settings.

Best practices

Use images with purpose. Add images when they clarify, guide, or support the questions around them.

Keep files optimized. Large images can slow down form loading. Use JPG or WebP for photos and PNG or SVG for graphics.

Write short captions. Captions should explain the image or add context without distracting from the form.

Preview on mobile. Check your form on smaller screens, especially when using full-width or large images.

Do not rely on images alone. If the image contains important instructions, repeat the key information in text so every respondent can understand it.