Signup

Where can I find the design tools to add images?

If you were ever wondering where you can find the tools to create a beautiful typeform design, you’ll find the answers to your questions here.

How can I add images to my typeform questions?

You can do this by either applying a theme to your typeform with a background image, or by adding an image to an individual question and applying a layout. Learn more about themes here, and scroll here to learn about adding images. 

Alternatively, you can also add images to your answer options in a Picture Choice question.

Custom CSS is not currently supported for typeforms. 

What’s the difference between a background image in a theme and an image layout?

The key difference between a background image in a theme and an image layout is that the background image applies to the whole typeform, while a layout only applies to the image for a given question.

How can I add a background image?

To add a background image, go to the Design panel and select a theme. You can then add a new theme or edit an existing one by clicking the three dots.

DT1.png

To add or remove a background image, click Add or the trash can icon next to Background img. All the design changes you make here will apply to the whole typeform.

2023-11-30_14-50-59.png

You can read more about adding a background image in the Design panel here.

How can I add an image to a question?

To add an image to a typeform question, go to the Question tab on the right side menu, and select add next to Image or video. You can then upload an image, or search for one. This image will only apply to the given question.

2023-11-30_14-55-25.png

Then, you can choose how you'd like your layout to appear on a mobile or desktop device. 

2023-11-30_14-58-36.png

You can read more about adding images and GIFs with image layouts here.

Can I use a question image and a background image at the same time?

Yes, by all means! Let’s take a look at an example.

In the screenshot below, the green part with the pattern is part a background image added in the Design tab. This is the same in every question of the form, including Welcome Screens and Endings. 

2023-11-30_15-08-22.png

The world globe with clouds image was added under the Question tab. It's a .png with a transparent background. 

You can read more about image sizes here, and using image alt text to make your images accessible here.

Tap into our community knowledge