Image Glossary & How to Set Image Sizes

Overview

Use this article to learn about the different image types in Kindful and to figure out how to properly set images based on size for the particular portion of Kindful they need to be in.

Linked Articles: 

Cropping Images


Campaign Images/Splash

File sizes should be no larger than 1MB in size.  If you are trying to load images that are larger than this you may see an error that reads "413 Request Entity Too Large" appear in your web browser.

See specific dimensions from within your Kindful account by going to Settings > General Settings.

Marquee images on Campaign donation pages: 630px x 380px.

Background images on Campaign donation pages: 1920px x 1280px.

This is where you can change your campaign image.  Screen_Shot_2021-08-27_at_11.58.21_AM.png

Here is what the donor sees:

Screen_Shot_2021-08-27_at_11.59.41_AM.png

*of note notice much of the image may be covered by the form, but if they scroll down they will see more

What donors see after scrolling:

Screen_Shot_2021-08-27_at_11.59.48_AM.png

*Of Note: If no image is selected it will default to the main donation page image or splash image selected in your general settings (see General Settings section). If you are using a marquee image for your main donation page and you do not select a campaign image then donors will see the "Payment Summary and Billing Info" forms on a blank background.


Crowdfunding

Individual Crowdfunding Headers:
Recommended images are ones that are 1440px x 760px with the important imagery near the top 400px. Most of the image will be shown, but as it scales, it will mask from the top.

Crowdfunding Index Header Image:
Recommended images are ones that are 1440px x 760px, keeping all text within the vertically centered 250px. Only the middle 300px will be visible, but depending on the width of the browser, more or less of the height will be shown. 

*Of Note when donors hit the "donate" button on your crowdfunding page they will be re-routed to the "Payment Summary and Billing Info" forms page. The image on this page is set by the Splash Image in your general settings and will be the same as the main donation page image. If you use a marquee style image for your main donation page this page will be a plain white background. 


General Settings/Splash Image

Several Images for your Kindful pages are set on your general settings section.

These Include: Logo, Small Square logo, Splash image for the landing page on your Kindful domain, User login background, Transaction receipt signature image, and Headers and logos for mailers.

For more details on their sizes and uses go to your Settings tab on your left hand menu and select General Settings

Screen_Shot_2021-08-27_at_9.40.03_AM.png

*Of Note the Splash Image is used for you main donation page. You can also change this image by changing the image on your main donation page settings in Fundraising>Main Donation Page. Selecting the check box "Display this image as the background of your main donate page?" will set your main donation page to a background/splash style image instead of the marquee setting. 

Screen_Shot_2021-08-27_at_9.12.33_AM.png


Payment Summary and Billing Info Page

The page donors see after hitting the "donate" button on the main donation page or crowdfunding page: 1170 px x 211px

The image on this page will either be the main donation page image or it will be overridden by a campaign page's image. *Of Note: If your main donation page is set to Marquee and there is no campaign image selected it will be blank. If you are using a crowdfunding campaign the image can only be correlated to the main donation page image.

This image can only be changed by changing the main donation page or general settings splash image. The layout of this page differs slightly from the main donation page. Therefore it is recommended to avoid text or logos in the main donation page image as it will be resized/splashed on this page and text may be cut off or made blurry. 

Examples:

Payment and Summary Page Blank: Campaign has no image set or is a Crowdfunding campaign and Main Donation Page/Splash Image is set to Marquee. 

Screen_Shot_2021-08-27_at_11.46.50_AM.png

 

Payment Summary Page W/ Main Splash Image: Campaign has no image set or is a crowdfunding campaign and Main donation image is set to background/splash

(Notice the change in layout from the main donation page)

Screen_Shot_2021-08-27_at_11.49.05_AM.png

Payment Summary Page for a Campaign Page Only: Does not apply to crowdfunding campaigns

This will default to the individual campaign's selected image if there is one. See section above on Campaign images/Splash for more information and screenshots.


Main Donation Page

For additional details about setting images and other details of the Main Donation Page see our guide: Step 3: Setup Your Donation Page

In addition to uploading an image on your main donation page you can select to use the Splash Image (See General Settings Section) in your general settings for your main donation page. If this is selected your main donation page image will be a background instead of a marquee and donors will also see this image when they hit donate on any campaign that does not have its own landing page image uploaded.

File sizes should be no larger than 1MB in size.  If you are trying to load images that are larger than this you may see an error that reads "413 Request Entity Too Large" appear in your web browser.

It is recommended to avoid text or logos in the main donation page image as it will be resized/splashed on this page and text may be cut off or made blurry.  *Of note see payment summary page section below for more details .

Marquee images : 630px x 380px.

Background images: 1920px x 1280px.

Screen_Shot_2021-08-27_at_11.45.16_AM.png

 

Example of a Main Donation Page with Splash Image

Screen_Shot_2021-08-27_at_11.50.20_AM.png

Example of a Main Donation Page with Marquee Image

Screen_Shot_2021-08-27_at_11.51.15_AM.png


Registration Forms

Header Image: 1170 px x 211px

Sidebar Image: 570px x 320px


Signature Image

Found in General Settings. For use in your email/letter templates: 266x150px

Screen_Shot_2021-08-27_at_9.17.00_AM.png


Still have questions?

Feel free to send our support team an email, or you can call the phone number found in the lower left hand corner of your Kindful Admin account to speak to a team member. 

Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request

Comments