Your survey background controls the visual style of the entire form and has a direct impact on completion rate. A clean, readable design helps respondents focus on questions instead of UI noise, especially on mobile.
In Responsly, you can upload a custom background and tune how strong it appears with built-in controls.
How to change the background in Responsly
- Open your survey in the template editor.
- Open the Design section.
- Upload your background image.
- Adjust:
- Background brightness (to lighten or darken the image),
- Background blur (to reduce visual noise behind text).
- Preview the survey on desktop and mobile before publishing.
If needed, repeat steps 4-5 until question text and buttons stay easy to read across devices.
Recommended background image size and format
Because surveys are responsive, one exact pixel size will not look identical on every screen. A safe starting point is:
- around 1680 × 1050 px,
- landscape orientation,
- high quality JPG or PNG optimized for web.
Large files can slow page loading for respondents on mobile data, so compress images before upload. As a rule of thumb, use the smallest file size that still looks clean.
Readability rules that improve completion rates
Backgrounds should support content, not compete with it. Use these practical guidelines:
- Choose neutral or low-contrast images.
- Avoid busy textures, sharp patterns, and heavy text embedded in the image.
- Keep faces, logos, or complex details away from areas where questions usually appear.
- Use brightness and blur sliders to soften the image until form text has strong contrast.
- Always validate readability in mobile preview, where layout is narrower.
If respondents have to squint to read answer options, completion rate usually drops.
Common mistakes to avoid
These are the most frequent background issues in live surveys:
- Uploading a hero banner with text in the top area, which then collides with question content on smaller screens.
- Using very dark images without increasing brightness, reducing contrast for labels and buttons.
- Using bright, high-detail photos that make matrix, ranking, or long-form questions harder to scan.
- Skipping mobile preview and discovering layout problems only after sharing the link.
When in doubt, pick a simpler background and prioritize clarity over decoration.
Quick pre-publish checklist
Before you send your survey:
- Is the first screen readable in under 2 seconds?
- Are all primary buttons clearly visible?
- Does the form look clean on both desktop and mobile?
- Is the background visually consistent with your brand (without overwhelming the form)?
This short QA step prevents avoidable drop-offs.
Background vs. images inside questions
The survey background is global styling for the form. It is different from media used in specific questions.
If you want to place logos, product photos, or GIFs inside question content, use Add images and GIFs to your survey.
If you want to style copy, links, and text blocks on welcome or end screens, see Text formatting.
