preignition/program-user-docs
accessiblesurveys
  • TRAINING COURSE
    • Introduction
    • Session 1- Creating a new survey
    • Session 2- Adding accessibility options to a Form
    • Session 3- Translating a Form into different languages
    • Session 4- Sharing your survey using the Survey Editor
    • Session 5- Analysing your survey responses and exporting your survey data
  • TUTORIALS
    • Introduction to creating a new survey
    • Introduction editing a form
    • Introduction to testing a form
    • Introduction to publishing a form
    • Introduction to Easy Read
    • Introduction to Sign Language
    • Introduction to form logic
    • Introduction to the Customer Portal
  • GUIDANCE NOTES
    • Survey App
      • Creating a new survey
      • Form Editor
        • Structuring a form
        • Adding questions to a form
          • Text based questions
          • Choice based questions
          • Rating, Slider, Order and Range questions
          • Media based questions
          • Introduction to free text fields
        • Testing a form
        • Publishing a form
        • Introduction to form logic
        • Advanced form logic
        • Using tooltips
        • Using Markdown
        • Adding an accessibility menu
        • Form Behaviour
        • Image Library
        • Easy Read
        • Sign Language
        • Translate forms
        • Using import/ export to translate forms
        • Access rights for forms
        • Sharing options across multiple questions
      • Survey Editor
        • Editing a survey
        • Distributing your survey
        • Survey respondent accounts
        • Redirection after completing survey
        • Language settings for surveys
        • Creating alias survey links
        • Survey batches
        • Presenting surveys
        • Survey access rights
        • Survey terms- advanced
        • Publishing surveys
      • Analytics
        • Introduction to survey analytics
        • Exporting Survey Data
    • Customer Portal
      • Portal
        • Profile
        • Subscription
      • Team
      • My Profile
      • Users
      • Using labels
  • FAQ
    • Data privacy and security
      • Why and how do we collect data?
      • How do we protect data?
      • What is GDPR?
      • What rights do individuals have under GDPR?
      • What obligations do controllers have under GDPR?
      • What obligations do processors have under GDPR?
      • Where is data stored?
      • How can I ensure that my surveys GDPR compliant?
      • How to Write GDPR-proof Privacy Policy for your Surveys
    • What is the best image size, ratio and format?
    • How to use free text
      • Convenient Class for Accessible Surveys Free Text Field
      • CSS tokens available in Markdown Free Text
      • Web-components available in Markdown Free Text
      • Accessibility Modes
    • FAQ about the Form Editor
      • How do I resolve warnings when publishing a form?
      • How can I get feedback about my survey?
    • Guide to producing Accessible Surveys
      • Producing your survey in Plain Language or Easy to Read
      • Producing your survey in sign languages
    • FAQ about survey data and analytics
      • How do I ensure that the data in my CSV file is properly formatted?
  • Release Notes
    • Form Builder
      • import/export
      • Section Container
    • Process Builder
    • Reporting
    • Survey
  • API
    • survey
    • member
Powered by GitBook
On this page
  • Question
  • What is the best image size, ratio and format to use for the images in my survey?
  • Answer
  • File size
  • File ratio
  • File type
  • Resizing images
  1. FAQ

What is the best image size, ratio and format?

Question

What is the best image size, ratio and format to use for the images in my survey?

Answer

Before considering image size, ratio and format, it is worth mentioning consistency.

Your images will look best in your survey if they are consistent with each other

File size

Your image file size should be 400 KB or less

Respondents will view the same file as the one uploaded to the image libary. Therefore the smaller and lighter the the better without losing image quality.

The recommended file size is 400 KB or less. The platform will warn you if you use images larger than 400 KB and will not allow you to upload a file size larger than 3MB.

File ratio

Square images ( 1 : 1 ratio ) work well for images on the platform. However the most important thing is to keep the ratios consistent for images.

File type

JPEG files work well for photos and PNG files work well for logos and simple illustrations.

The app supports any file type that a browser is able to render as an image. This includes JPEG, PNG, GIF and TIFF.

Resizing images

These are the steps to follow to customise the ratio and file size of an image using this service.

  1. Once you have opened an account go to the 'resize file' option as shown below.

  1. Upload your image and select 'Resize for Instagram'

  1. Centre your iamge and select 'Download'

  1. When you download the file you will be able to see the file size of the image. In the example below the file size is 1,183 KB which exceeds the recommended file size of 400 KB or less

  1. To reduce the file size choose 'resize for custom' and choose a smaller width and height px. In the example below 540 px has been chosen. Download the image again.

  1. This time the file size is 388 KB which is in line with the recommended file size for the platform

PreviousHow to Write GDPR-proof Privacy Policy for your SurveysNextHow to use free text

Last updated 7 months ago

There are lots of articles on-line which will help you chose the best image file format to use such this this article by 'Design Powers'

There are many free tools which will allow you to customise the ratio and file size of your images. One such tool is .

Go to and sign into your account or create one for free

https://designpowers.com/blog/image-file-formats
Adobe Express
https://new.express.adobe.com/
Screenshot showing the 'Resize Image' option in Adobe Express
Screenshot showing an image uploaded to Adobe Express being resized for Instagram
Screenshot showing an image being altered to a square ratio
Screenshot showing a downloaded image with a file size of 1,183 KB
Screenshot of an image being resized to 540 px wide and 540 px high using the 'custom' setting
Screenshot showing a downloaded image with a file size of 388 KB