Image + Photo Dimensions on Sites

Helpful information about working with website images and photo dimensions on Sites.

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

Front Page Scrolling Banners

1140px wide x 350px high

Full-Width Static Page Banners (including home page)

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.

🌟 Tithely Tip

To optimize a block background image for mobile, make the graphic 760px wide x 680px high, and set the height to 50.

Video Overview of How Images Work in Blocks

 
Was this article helpful?
0 out of 0 found this helpful