You can create really good looking surveys with Microsoft Forms these days, just by using colours and images.
There are 4 places to add an image:
You can use a standard theme, which will add a predetermined background image (optional) and colour scheme to your Form.
If you want to use your own theme, click Theme and then the +. This will open a screen allowing you to upload an image and/or set a background colour for texts and buttons.
2. Forms title
You can add a small image to the title and introduction text of your form.
You can add an image to a question. You can choose between small and large.
If you want to create a new page for a new question or set of questions, you can use a section. A section header can also contain an image, large or small. It behaves like an image in a question.
Size requirements for images – a test
I recently received a question from one of my users, who wanted to know the size requirements for images in Forms. The background image she used turned out to be a bit blurry. Of course, and fortunately, you no longer have to use exact dimensions in Office 365, but not every size works well in every application, so I did some tests.
- I photographed a few scenes with my iPhone, using square, landscape and portrait orientation. (4:3 aspect ratio except for the square of course)
- I resized them using good old Paint, making a 50, 38, 25, 10 and 5% of the original. All images were 72 dpi.
- Then I created a Form with 2 questions and one section.
- I started with the 5% size and uploaded this image as background, as title, as question (large and small) and as section image.
- Whenever the image displayed blurry, I repeated the exercise with the 10% and so on, until I had a good idea of what worked.
- The background needs an image of at least 750 pixels wide, but 1000 is better.
The orientation of the image (square, landscape or portrait) does not matter. The background focuses on the center of the picture.
- In the title you can use an image as small as 150 pixels wide. It does not display a lot of detail, so you can get away with a small image.
The height of the image display is fixed, and the orientation of the image does not matter much.
- If you use a small picture in your question or section, go for at least 150 px wide.
Use landscape where possible, as it will keep your form shorter. Check out the differences in the screenshots with the background, above.
- For a large picture in a question or section, at least 400 pixels wide is best.
Please note that landscape pictures cover the whole width of the forms, and the question is shown on top. This makes for a very nice image, but as it is blown up a lot compared to the other formats, you really need to make sure the image is sharp.
If you use the same image in every section, you can create a nicely consistent experience. (But do not go overboard, every new section is a click!)
- Use landscape imagery where possible – it just displays nicer
- Keep in mind that different purposes need different image sizes. If your image is too small, do not use it as background or the large image.
- 150-400-750 is just a guideline – with a different aspect ratio in your photos and pictures, more dpi and different viewing screen size, you may find that other sizes work better for you. And perhaps you WANT the background to be a bit blurry!
- More info about working with images in Forms