Photos can make a church website feel warm, welcoming, and personal. They give potential visitors a glimpse of your worship, your people, your children’s ministry, and the community they may experience when they visit.
But photos can also create a problem.
The high-resolution images produced by today’s phones and cameras can be very large. Upload several of those images directly to a website and they can dramatically increase the amount of data visitors have to download.
That matters because people don’t like waiting for websites to load, and neither does Google.
Since 2018, Google has made page speed is a factor in its search ranking algorithm. They expanded this in 2021, making Core Web Vitals a factor in search rankings.
One of those measurements, Largest Contentful Paint (LCP), measures how quickly the largest visible content element appears. On many church websites, that element is a large photo near the top of the page.
At OurChurch.com, we’ve designed, hosted, and optimized church websites since 1996. In our experience, unnecessarily large and poorly optimized images continue to be one of the most common contributors to slow-loading pages.
Fortunately, church website image optimization doesn’t mean you have to stop using great photography.
7 Ways to Optimize Church Website Photos for Faster Load Times
1. Don’t Upload Huge Camera Images Directly to Your Website
Modern smartphones and digital cameras produce images that are thousands of pixels wide.
That’s great if you’re creating a large print, but your church website doesn’t need images that large.
If an image is going to display at a fraction of its original size, uploading the full-size original wastes disk space, bandwidth and visitors’ time waiting for it to load.
Before uploading a photo to your website, create a copy on your computer and resize that copy to 1920 pixels wide.
2. Let Your Website Serve Responsive Images
Responsive website design allows a website to make several sizes of an image available. The visitor’s browser then automatically loads the ideal size based on the width of the device and the space available on the page.
That means someone viewing your church website on a phone may not have to download the same large image needed by someone viewing the site on a desktop monitor.
WordPress automatically creates multiple sizes of uploaded images, and a properly configured website can use those versions to serve images more efficiently.
You don’t necessarily need to understand all of the technical code behind responsive images. The important thing is to make sure your website isn’t forcing every visitor to download the largest version of every photo.
3. Use Modern Image Formats
JPEG and PNG are no longer your only choices.
Modern image formats such as WebP and AVIF can often provide excellent visual quality at smaller file sizes. Google Search currently supports both WebP and AVIF images, along with JPEG, PNG, GIF, SVG, and several other image formats.
For most churches, you don’t need to become an expert on image formats. A simple rule of thumb is:
- WebP is an excellent general-purpose format for website photography.
- AVIF can offer even greater compression when your website and hosting environment support it.
- JPEG is still perfectly acceptable for photographs.
- PNG is useful when an image needs features such as transparency, but it often produces unnecessarily large files when used for ordinary photographs.
Rather than manually converting every image yourself, an image optimization tool can often handle this automatically.
The OurChurch.com website design team utilizes the Smush WordPress plugin in the websites we build. Smush can compress images, and its current feature set also supports modern formats such as WebP and AVIF.
4. Compress Images Without Making Them Look Bad
Image compression reduces the amount of data in an image file.
The trick is finding the balance between file size and image quality.
Too little compression leaves you with a larger file than necessary. Too much compression can make faces look fuzzy, produce strange blocks around edges, or cause smooth areas of color to look uneven.
There isn’t one perfect compression percentage that works for every photograph or image format.
Instead, compare the optimized image with the original.
Pay particular attention to:
- Faces
- Text that appears within an image
- Fine details
- Sharp edges
- Areas with gradual changes in color or lighting
If you can significantly reduce the file size without noticing a meaningful difference when viewing the image normally, you’ve accomplished the goal.
5. Lazy Load Images Visitors Don’t Need Yet
Imagine a webpage with 10 photos.
When someone first opens the page, usually only the top photos is visible on their screen. The other 9 are farther down the page.
Why make the visitor download all 10 images immediately?
This is the idea behind lazy loading.
Lazy loading delays the loading of images until the visitor gets closer to the part of the page where those images will actually appear.
Lazy loading improves the load time for any page with images “below the fold” but the more images a page has the greater the impact.
Therefore, this can be particularly useful for:
- Photo galleries
- Staff pages with lots of pictures
- Event recap pages
The OurChurch.com website design team utilizes the a3 Lazy Load WordPress plugin in the websites we build. And we recommend it if you build your own WordPress website.
But there’s an important exception.
6. Don’t Lazy Load Your Most Important Image
The large image visitors see immediately when they open your homepage is different from an image halfway down the page.
That first large image will usually be a part of your page’s Largest Contentful Paint, or LCP.
If you lazy load it, you’re essentially telling the browser, “Don’t hurry to download this.”
That’s exactly the opposite of what you want.
Google’s performance guidance recommends making important LCP images discoverable as early as possible and, in appropriate situations, giving them a higher download priority.
LCP optimization is something our team includes with both our custom website design services and our search engine optimization services.
That includes evaluating how the primary image at the top of a page loads, making sure it isn’t unnecessarily delayed, and addressing other technical issues that may be affecting Core Web Vitals.
The principle is simple:
Lazy load images visitors won’t see immediately. Prioritize the important image they will.
7. Test Your Pages Instead of Guessing
How do you know whether your images are actually slowing down your church website?
Test them.
Google PageSpeed Insights can analyze a webpage and identify performance issues, including problems related to images and Largest Contentful Paint.
Testing can also reveal if there are any other things slowing down your website.
Themes, plugins, scripts, fonts, hosting, third-party tools, and other elements can all affect performance. That’s why it’s better to evaluate the page as a whole instead of assuming that simply compressing a few images will solve everything.
Test some of the most important pages on your church website, especially:
- Your homepage
- Your I’m New or visitor information page
- Any landing pages receiving significant search traffic
Faster Doesn’t Mean Giving Up Great Photos
Church websites need great photography.
People considering visiting your church want to see your congregation, worship, ministries, children, volunteers, and community.
The solution to a slow website isn’t to eliminate those photos.
It’s to deliver them intelligently.
Resize images appropriately. Use responsive images. Choose efficient formats. Compress files. Lazy load images visitors aren’t ready to see. And make sure the most important image on the page gets the priority it deserves.
And remember…
We’re obsessed with speed. -Google
Click to share this image on Facebook, Twitter, Pinterest or Instagram
Want a Faster Church Website That Performs Better in Search?
Image optimization is just one part of website performance. If you’d like to discuss how a custom designed website and/or church SEO could help you reach more people in your community, we’d love to talk!
Complete the form below (mobile) or to the right (desktop) to schedule a discovery call.
Comment and Discuss:
- Are the photos on your website optimized for speed or do you have some work to do in this area?
Read more Church Website Photography articles
Co-founder & CEO, OurChurch.Com
Paul has been the CEO of OurChurch.Com since its founding in 1996, combining his passion for faith and technology to lead the organization.
An accomplished writer, Paul has authored over 2,000 articles on faith and technology, featured on platforms like ChurchLeaders.com, The JoyFM, and his personal blog, LiveIntentionally.org.
Beyond his professional achievements, Paul serves as an elder at Journey Community Church and is deeply engaged in his community through his involvement with the Florida Sheriffs Youth Ranch and the Safety Harbor Chamber of Commerce. He is a contributing author of the book Outspoken! Conversations on Church Communication.
