- Check it out in an example survey!
- Add a survey with this question to your account!
The Image Select (select one) question type is a single-select question with clickable images as answer options.
When To Use It
Use the Image Select (select one) question to ask your respondents to choose a single image from a list of images.
If you are looking for steps to add an image to your question text, check out our Add Image to Question Text Tutorial.
Setup
- To set up a Image Select question, it's easiest to start by uploading the images you would like to use in our Image Select question to your File Library. See our File Library Tutorial to learn how!
- Click the Question link on the page where you would like to add your Image Select question.
- Select Image Select (select one) from the Question Type dropdown and enter the question you wish to ask.
- Scroll to the Multiple Choice Options and click the image placeholder to begin adding your answer options.
- In the Insert Image dialogue, select the image you wish to use, upload a new image, or enter a URL to an image.
- Click Insert Image.
- When you return to the list of answer options, select the Click to Add Option button to add another image answer option. Rinse and repeat. Make sure to click Save Question.
Layout Options
There are a number of options available via the Layout tab of the Image (select one) question.
- If you have a large number of images for the respondent to choose from, consider using the Images Per Row field to determine how many images are display per each row.
- If your images vary in size, you may force a specific Width or Height (in pixels) for your images. We do not recommend adjusting both values as this is likely to result in distorting the image.
Best Practice Tip: Recommended Image Size
For Image Select questions we recommend image files of no larger than 200px x 200px.
When uploading images to the File Library you have the option to scale your image using pixel width or a percent. There are also various tools online to resize images e.g. http://www.picresize.com/. It is important to note that resizing images may negatively affect the quality of the image.
Survey Taking
On a desktop and most laptops the Image Select question type looks like so.
When optimized for mobile devices the Image Select question type looks very similar.
By default, survey questions show one at a time on mobile devices to prevent the need for scrolling on smaller screens. For single-select questions, like the select-one Image Select question, the screen will automatically advance after an option is selected. You can turn off this one-at-a-time interaction if you wish.
Reporting
Single Image Select questions report as a pie chart with a table that includes a count and percent for each answer option. The reporting values rather than the images themselves are used within reporting.
See additional compatible chart types
Within the Standard Report there are various chart types available for visualizing your data. The below grid shows which of the chart types Image Select (select one) questions are compatible with.
See what other report types are compatible
The below grid shows which of the report types Image Select (select one) questions are compatible with. If you plan to do some specific analysis within SurveyGizmo this report compatibility chart should help you choose the right question types!
| Report Type | Compatible |
|---|---|
| Standard | |
| Legacy Summary | |
| TURF | |
| Profile | |
| Crosstab | |
| Comparison | (not available as source question) |
Exporting
The CSV/Excel export for a single Image Select question will have a single column of data. The reporting values rather than the images themselves are used in the export.
Admin
— Dave Domagalski on 12/03/2018
@Training: Thank you for your question!
There is not a hard limit on the number of images that can be added to a single question.
Having said that, the more images that are added to the survey, the more have to be loaded on the page when respondents are taking the survey.
Respondents with slower internet connections may experience longer load times as all images on a page are loaded.
With that in mind, I would recommend adding images in batches (perhaps 10 at a time) and testing your survey to see if load times are impacted.
I hope this helps!
David
Documentation Specialist
SurveyGizmo Customer Experience
— Danielle on 12/03/2018
Is there a limit to how many images can be added to one questions?
Admin
— Bri Hillmer on 06/15/2018
@Linda: The Image Select types have the option to display captions which might meet your needs.
Alternatively, you can add images using HTML to your answer options. This way you can add some text and an image to display next to it.
Here is a tutorial with more information on how to add HTML for images to an answer option:
https://help.surveygizmo.com/help/use-images-as-answer-options
I hope this helps!
Bri Hillmer
Documentation Coordinator
SurveyGizmo Customer Experience Team
— Andi on 06/15/2018
How can I keep the answer choices in text AND add an image to illustrate the answer choices (for eg happy faces frownies)?
Admin
— Dave Domagalski on 03/23/2018
@Research: Thank you for your question!
I'm afraid that there is not a built-in setting to remove the image border.
Having said that, this can be done via custom CSS code. Assuming that you are referring to the green border after an image is selected, the following CSS code should do the trick:
.sg-type-imageselect .sg-image-box {
border: none;
}
Custom CSS can be added via the instructions here:
https://help.surveygizmo.com/help/style-your-survey#custom-css-and-html
I hope this helps!
David
Documentation Specialist
SurveyGizmo Customer Experience
— Research on 03/23/2018
Is there a way to remove the border from the image box?
Admin
— Dave Domagalski on 12/19/2016
@Ever: While the single Image Select question reports as a pie chart, images can be added to your report for reference via the Insert option by selecting the Text or Image element:
https://help.surveygizmo.com/help/standard-report-text-element
I hope this helps clarify!
David
Documentation Specialist/Survey Explorer
SurveyGizmo Customer Experience
— Ever on 12/16/2016
Is there a way to see the image in the report?
Admin
— Bri Hillmer on 06/09/2016
@Husseyp: Indeed! Here is the documentation that covers deleting images and other files from the file library:
https://help.surveygizmo.com/help/article/link/libraries#editing-changing-or-deleting-files
Bri
Documentation Coordinator/Survey Sorceress
SurveyGizmo Customer Support
— Husseyp on 06/09/2016
Is there an option to remove images from the image library? I uploaded a bunch that I have since revised and want them removed to avoid confusion
Admin
— Bri Hillmer on 06/30/2015
@Howard: Thanks for taking a look at our documentation! This is great feedback! I'll be sure to make note of this for discussion regarding future improvements for our development team!
Bri
Documentation Coordinator/Survey Sorceress
SurveyGizmo Customer Support
— Howard on 06/30/2015
not really. When image is imported , that is the place I would put how to resize or at least warn people to resize if needed
Admin
— Bri Hillmer on 06/16/2015
@Bas zwaan: I apologize for the confusion! This option is not available when uploading an image with in the image select question but instead when uploading to the file library. Then you can head back to the build tab of your survey and select your resized image from the file library within your image select question.
Here is our document on the file library where the resize functionality is available:
http://help.surveygizmo.com/help/article/link/libraries
Bri
Documentation Coordinator/Survey Sorceress
SurveyGizmo Customer Support
— Bas zwaan on 06/16/2015
"Scale image to" option is not there?