You can add images and animated GIFs to your questions, as well as to the Welcome screen and the Ending screen. This will help you to brand your typeforms with your own logos, design and photography. Time to get creative!
Here we explain how to add media to your typeforms, going through the process of inserting images and animated GIFs.
There are two ways to add images to your typeform: using our integrated Unsplash-powered library, or uploading your own (see step 4 below). You can also set how they look using our Layouts feature.
1. Click on any question you want to add an image to, then click Add next to Image or video under Question settings to open the media gallery:
2. Now you can upload an image or GIF by clicking Upload, or dragging and dropping an image into the Upload field:
The images that you use on your typeforms must comply with the following specifications:
- File format: JPEG, PNG, static and animated GIF (typeforms support PNG files with transparent backgrounds).
- File size: 4MB maximum.
3. In the Image tab, you can search for a picture via the Unsplash image library. Simply type in a search term, and scroll through the images until you find one you like. I’m looking for "kittens":
4. Click the image you want to load it automatically in your typeform.
Then, close the gallery.
Tips! All the images you find with the Unsplash image search tool are free to use however you like. You can use them for private or commercial purposes. You have a non-exclusive copyright license to download, copy, modify, distribute, and use photos from the library, without the need for permission or attribution to the photographer (though giving credit is always appreciated).
5. To edit your image, hover over it and click Edit:
This will open the Image editor:
You can crop your image by dragging the blue border around it to the size you want. You can also flip the image, or change its aspect ratio to suit your typeform.
Finally, under your image, there is a tool to rotate it. Drag it left or right until you're happy.
You can also change the image by adding a filter. Click the Filters tab, and browse until you find one you like:
Lastly, click Colors to change the brightness, contrast, and saturation of your chosen image:
Once you're happy with your image, hit Save, and you can decide on your image Layout.
6. There are six layout options to choose from. You can click through them to find one that suits you in the Layouts section of your Question settings:
Unsplash images come with an Alt text ready-prepared. This helps people with impaired vision understand what is on the screen. You can add or edit the Alt text by typing into that field.
7. You can drag and drop the Focal point or adjust the Brightness of the image you added, or hit the Reset button to restore the original focal point.
At any time, you can click the Change button or the three dots to Edit or Remove your images, GIFs, or videos.