Images

Recommended Sizes

Below are common image sizes for your site.

Home Page Header Image: 1,600px wide by 900px tall.

Standard Page Header Image: 1,600px wide by 450px tall.  

Rotator Slide Images: 1,600px wide by 660px tall.  

Module Page Header Images:  These should be the same size as the Page Header Image at 1,600px wide by 450px tall. 

Module Images:  Unless noted otherwise in this guide, images for most modules (sermons, events, articles, etc.) should be 1,024px wide by 576px tall.

Module Image Exceptions:

  • Staff Layout #3 - It's important to use a consistent size for all staff headshots. Recommended size is 1,000px wide by 1,500px tall.

Section Background Images:  Images used as a background for full width sections should be 1,600px in width; the height required will depend on the amount of content in the section.  A recommended height would be between 900px and 1,200px.

Monklet Images: These will use the module images associated with the monklet and unless noted otherwise in this guide, most module images (e.g. sermons, events, articles, etc.)  should be 1,024px wide by 576px tall.

A Word About Saving Images:

Larger pixel sizes look better on Retina Displays (you can double the size of the recommended images—for example, module images could be 2,048px wide by 1,152px tall), but this can result in very large file sizes, especially if the images are not optimized. To reduce file sizes and help speed up load times, be sure to use “Save for Web & Devices” in Photoshop or a similar setting in other tools. Always save photos at 50%–70% quality, especially if you double the recommended size.

Stock Images

A few stock photography websites:

 

Photo Editing Software

A few photo/image editing tools: