When uploading an image to the site, regardless of if you have the right dimensions the images will be cropped to fill the space.
Suggested dimensions can be found throughout the site in the same spot you see the option to upload an image. When in doubt, upload an image that is 1500px wide and use crop focusing to adjust how the image is displayed.
📄 Learn more about Using Crop Focusing.
Suggested Dimensions for Images on Tithe.ly Sites
Area on Site
Dimensions in Pixels
Front Page Scrolling Banners
1140px wide x 350px high
Full-Width Static Page Banners (including home page)
Banner images will be centered vertically and horizontally by default.
Ministries, News, Events, Blog, Sermons
1500px wide x 784px high
240px wide x 360px high (portrait orientation)
Gallery Block Layout 5
1115px wide x 372 px high
If you need to convert these dimensions into inches, the resolution is 96 pixels per inch. Please note that pixels don't always convert seamlessly to inches.
All images should be 5MB or less.
🌟 Tithe.ly Tip: To optimize a block background image for mobile, make the graphic 760px wide x 680px high, and set the height to 50.
Please Note: Tithe.ly Sites are mobile-friendly and responsive, due to this images will change shape when you view the website on iPhones, Androids and Tablets. We suggest using a generic image that will look good regardless of how it is resized.
Video Overview of How Images Work in Blocks:
Click here to see more info on creating graphics.