Virtuous Raise offers a range of customization options to create a unique, tailored giving experience for your supporters. Your Pages are built to be responsive, so both Column and background Section images will automatically scale across desktop and mobile. Widths are based on percentages, not fixed pixels, and heights also adjust dynamically based on how much content is in the Section or Column. This means there isn’t one “correct” image size for every layout — but there are some guidelines to help your images look sharp across all screen sizes.
Image Sizing for Section Background Images
One standout customization feature is the ability to add background images for desktop and mobile. The background image is designed to be decorative and can be safely cropped while maintaining proportions. To add a background image to your Page, select “Add Section”.
Then access the options under the Design tab on the right.
The optimal sizing for background images varies for desktop and mobile to ensure the clearest visuals:
- Desktop: The ideal size is 1920px by 1080px, though sizes up to 2400px by 1600px work well. A 16:9 aspect ratio ensures proper scaling.
- Mobile: Use a 1:1 ratio, such as 800px by 800px. Square images are recommended, as they help retain the focus of the image despite screen cropping on smaller devices.
Image Sizing for Column Images
In addition to adding images to your Page background, you can add images into Columns. Images within Columns are used for adding content to your Page, like logos or people. By default, adding a new Section creates just a single but this can be changed to 1/2, 1/3, and 1/4 to give your Page more options for formatting.
Once you've selected your Column configuration, select Add to Column and drag and drop the image component.
For these Column images, the recommended minimum sizes are based on the Column proportions and include:
- Full (single) Column: ~2000–2500px wide; a 16:9 aspect ratio ensures proper scaling.
- Half Column: ~1200px wide; a 4:3 aspect ratio ensures proper scaling.
- One-third Column: ~800px wide; a 3:4 aspect ratio ensures proper scaling.
- One-quarter Column: ~600px wide; a 1:1 aspect ratio ensures proper scaling.
- Square images: at least 600 × 600px; a 1:1 aspect ratio ensures proper scaling.
These minimums ensure your images won’t look blurry when scaled. Larger images are fine, but always compress for web (ideally under 1MB) to keep pages loading quickly.
Need More Help?
Need more help optimizing your Giving Pages? Virtuous Professional Services can customize, build, and optimize your Virtuous Raise Forms or Pages to boost donor engagement. Click here to learn more about our Professional Services offerings, or contact your Customer Success Manager to get started!