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
Images must be 5MB or less, including any images uploaded from Media for use on Sites. Tithely 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.
Area on Site |
Dimensions in Pixels |
Full-Width Static Page Header (including home page) |
2000px 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
|
Legacy Scrolling Slideshow |
1140px wide x 350px 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.
🌟 Tithely Tip
To optimize a block background image for mobile, make the graphic 760px wide x 680px high, and set the height to 50.