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

📄 How to Edit Front Page Scrolling Banners

1140px wide x 350px high

Full-Width Static Page Banners (including home page)

📄 How to Edit the Full Width Static Banner

1500px wide

Banner images will be centered vertically and horizontally by default.

Ministries, News, Events, Blog, Sermons

1500px wide x 784px high

User/Staff Members

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.

Did this answer your question?