Add images or GIFs
Create visually appealing forms that stand out with images. Add individual images or GIFs, a background image, multiple picture choices or a combination of these.
How to add an image or GIF to a form page
Click
Image
in the field choices or drag and drop this to your form. Next, click change image in the center of your screen.![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9395c934-6ec0-4cb3-b38b-edf282bf3b89%2FScreen_Shot_2023-08-01_at_3.15.24_PM.png?table=block&id=00ab2bcb-0a73-49a3-bfd4-f92fc8570542&cache=v2)
You can select an image from the Gallery, copy and paste an image's Link or Upload an image from your desktop. Once you’ve chosen your image, click
Set image
.![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F12832e60-8e06-434e-94a6-4bda1774b7a8%2FScreen_Shot_2023-08-01_at_3.18.11_PM.png?table=block&id=60b1394a-890b-4335-990b-bdc765b6e56f&cache=v2)
To change the size and alignment of your image, click on the image followed by the
settings
icon to open the right-hand panel.![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6686b6fd-a12c-41be-a324-f27f4b6f97a3%2FScreen_Shot_2023-08-01_at_3.41.13_PM.png?table=block&id=c971b369-9707-4f46-90b1-0bafbeeff8f2&cache=v2)
How to set an image as your background
Open the Form designer by clicking
Theme
.![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F780646c2-1dcb-4f44-975b-9a6ec8db4a77%2FScreen_Shot_2023-08-01_at_3.58.58_PM.png?table=block&id=49767562-e8a1-4885-a5f6-65bdc387a71c&cache=v2)
Under Position, click
Add image
. ![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F98879616-b469-4306-97b4-ccb61246a21b%2FScreen_Shot_2023-08-01_at_3.59.27_PM.png?table=block&id=51e228d3-a19e-4a99-b704-5ba9631f26f3&cache=v2)
Upload the image from your desktop, choose an image from the Gallery or paste the an image's Link. Then, click
Set image
.![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fbf492d1a-31d8-404a-af45-1b0a1743621c%2FScreen_Shot_2023-08-01_at_4.00.52_PM.png?table=block&id=ce5c64fa-ef3a-4c32-b87e-8a9c7141e304&cache=v2)
All of the form positions except for the top left form position allow adding a background image.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F179c170e-3959-4e65-8ce0-b9066ded047c%2FScreen_Shot_2023-08-01_at_4.11.18_PM.png?table=block&id=0ee6a44d-82ff-4769-a547-7ac55065dcd8&cache=v2)
Note that your image will be shown on every page, except for cover pages (if applicable).
Note: For full page image, generally 16:9 is best or 1280 x 720. For side-by-side layouts, 512 x 720 is the ideal size, however you can use any size because the positioning can be adjusted.
To adjust, hover over the image and click
Position
. ![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252F739b0d87-a96b-41ec-8bbe-e563312f1714%252FScreen_Shot_2023-09-11_at_12.06.57_PM.png%3Ftable%3Dblock%26id%3D148cd28a-2adf-45c3-8c75-7b0109eef6ef%26cache%3Dv2&w=3840&q=75)
Then, drag the are of the image you want to use, and click
Done
.![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F2a7ed980-5add-4b51-82ab-889415f57134%252Fa3d0b214-c1c0-4604-bc5a-82c9bc038e5c%252FScreen_Shot_2023-09-11_at_12.07.19_PM.png%3Ftable%3Dblock%26id%3D6331cffe-d586-4fa9-9856-a92f21e5bac5%26cache%3Dv2&w=1080&q=75)
How to let your users choose from images
Click the
Picture choice
field or drag and drop it onto your form. ![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F1d19ee6c-e491-448e-b3db-58d9ea018931%2FScreen_Shot_2023-08-01_at_4.29.10_PM.png?table=block&id=16279596-6672-4481-87f8-67246c968a67&cache=v2)
Next, hover over one of the choices and click Edit.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F65f0f660-cf4e-457c-929b-d7007a64e6d7%2FScreen_Shot_2023-08-01_at_4.24.29_PM.png?table=block&id=7df8794c-9986-4765-9bee-ce7297d5b866&cache=v2)
Click Change image to add your image.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe076ff2c-0890-4342-b1ba-3fd40122db41%2FScreen_Shot_2023-08-01_at_4.25.42_PM.png?table=block&id=eb7e2cf5-5fef-41fd-8d11-01b3a6350245&cache=v2)
Upload an image, add and image's link, add an icon or browse our gallery. Then, click
Set image
followed by Done
. ![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff0eb75dc-3ea7-470f-bb1e-bdce92b1cc72%2FScreen_Shot_2023-08-01_at_4.32.54_PM.png?table=block&id=9bdec776-41a1-465c-b21e-109f7fb11b78&cache=v2)
Repeat the steps above for the rest of the choices.
You can change each image’s size in the right-hand panel by clicking the
settings
icon. You can also change the color of the choices background with the Option background color.![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc253aec4-6aa9-4ee7-a11b-d8a79d0f510d%2FScreen_Shot_2023-08-09_at_11.42.29_AM.png?table=block&id=d24260f5-8ea6-41af-befe-a8bd649737f0&cache=v2)