Crowdfunding Campaign Background and Image Sizes

Last Updated: Feb 03, 2017 09:31AM PST

Before we get started with the branding of your Crowdfunding campaign, we highly recommend that you bookmark this page! It contains all image dimensions and recommended image placements for your Crowdfunding campaign. To see all the referenced images in action, visit this live Crowdfunding campaign.

Image Requirements:

- Under 2 MB in file size,
- JPG, PNG, or GIF
- We highly recommend you use the following image dimensions.

Jump to a particular image:

A. Header Logo
B. Hero Block Background Image
C. Featured Media
D. About Block Background Image
E. Impact Block Background Image
F. Impact Level
G. Footer Background Image
H. Footer Logo
I. Donation and Thank You Page Background Images
J. Glossary of Terms

 

300 x 50px (recommended)
590 x 55px (max)

Add your organization logo or a specific logo to your Crowdfunding campaign pages. The logo is displayed in the left-hand corner of your campaign pages. You can also use a square image. If you use a square image we recommend 55 x 55px for best resolution.

B. Hero Block Background Image

1400 x 720px (recommended)

The Hero Block is the most prominent content block on Crowdfunding campaigns. Think of it as leading the charge for your campaign. The image falls behind the headline, which is 115px tall. Therefore, we recommend that the focus of your image be below 115 px from the top of the image.

Important Hero Image Recommendations:

- The Hero Image sits behind the headline, which is 115 px tall. Therefore, we recommend the focus of your image be below 115 px from the top of the image.
- Recommend position is Center & Fixed or Stretched for best quality. Note that if you choose to center the Hero Image, you might see the edges of the image at larger resolutions (anything wider than 1400px).

Not using any Featured Media (Section C)? If you don't use the Feature Media section, the layout of the Hero Block will change. This will allow you more space to add an image with more centered content.

We created guideline images for you, so your headline plays nice on any device. Click to download the Headline PSD and PNG Guide ImagesThe download will start automatically as a ZIP file. Check your Downloads folder for the ZIP file called "downloadable-headline-guides.zip"


C. Featured Media

618 x 348px (recommended)

The Featured Media section can hold one video and up to four images. Videos must be hosted on YouTube or Vimeo.

If a video is uploaded it will always appear in the first spot in Featured Media Section. At this time the order cannot be rearranged.

 

D. About Block Background Image

1400 x 720px (recommended)

The About Block gives you room to tell supporters about your campaign and why it's important they invest in your cause.

Important About Block Image Recommendations:

- To keep distraction minimal, use a simple image, pattern image, or set your image to a lower opacity.
- Recommended position is Center & Fixed or Stretched for best quality. Note that if you choose to center the About Block Image, you might see the edges of the image at larger resolutions (anything wider than 1400px).

E. Impact Block Background Image

1400 x 720px (recommended)

Important Impact Background Recommendations:

- To keep distraction minimal, use a simple image, pattern image, or set your image to a lower opacity.
- Recommended position is Center & Fixed or Stretched for best quality. Note that if you choose to center the Impact Block Image, you might see the edges of the image at larger resolutions (anything wider than 1400px).

F. Impact Level

315 x 210px

Impact Levels help your supporters choose a donation amount and demonstrate how that amount impacts your cause. Use compelling and eye catching images.

G. Footer Background Image

1400 x 219px (recommended)

Instead of a solid footer color, you're able to upload a custom footer image. 

300 x 50px (recommended)
590 x 55px (max)

The footer logo will show up in the bottom left-hand corner of your campaign. It can also be uploaded as a square, but should be kept at 55 x 55px for best resolution.

I. Donation and Thank You Page Background Images

1400 x 720px (recommended)

For Donation pages, the checkout form runs through the very center of the page. When uploading a background image, you may want to consider using an image where the main focus takes up the left or right side of the photo so it does not get covered by the donation checkout form. The same rule applies to the Thank You Page.

J. Glossary of Terms

Background Image Position- Most of the background images have positioning settings that you can use to arrange the image within the corresponding block.

1. Center - image will be centered in the content block that the image is applied.
2. Tile - image will be tiled throughout the the content block the image is applied.
3. Stretch - image will stretch to match the width of the user's screen resolution.
4. Cover & Fixed - the image is stretched to accommodate the users window and is locked in place so it will not scroll with the page. This gives your campaign a very cool three dimensional effect.

Image Editing- Some aspects of certain images can be altered with some basic editing tools.

1. Opacity - this setting affects the image's transparency. The higher the Opacity % the less transparent the image is. The lower the Opacity % the more transparent the image becomes. (not available for all images)
2. Blur - this setting affects how blurred the image is. The higher the Blur % the more the image will be blurred. The lower the % the clearer image will be. (not available for all images)

Still have questions on image sizing for Crowdfunding campaigns? Feel free to reach out to us at support@classy.org

NEXT: Setting up and designing Impact Levels