Optimize Images Before You Upload Them To Your Site

One the most common reasons a web page takes forever to load is the size of the images used on the page. To help keep your page load times speedy, optimize images before you upload and use them on your site.

What If Your Theme Uses the Featured Image Setting?

More and more WordPress themes make use of the featured image, especially on the blog page, so know the size your theme wants and resize your pictures to that before adding them to your site. You’ll want to check not only your blog page, but the individual post pages, too.

In this site, the featured image on a blog post appears at the top and is 795px wide by however tall. So, I don’t need a blog post image any bigger than 795px wide at 72dpi. (72dpi is the standard resolution for the web. Any higher resolution than that wastes time and space.) My blog page uses the same featured image size, but the blog post previews on the home page use an image that is 320px by 200 px.

WordPress creates up to 3 additional sizes of each image we upload. Better still, we have control over what those sizes are. Go to Settings -> Media and set the sizes to match what your theme needs. For this site, I have set the large size to 795px by 795px, and the medium to 320px by 320px. I left the thumbnail size at the default 150px by 150px. Now I’ve got the sizes my site uses set as the sizes WP creates.

Your theme may dynamically change the size it uses on the blog page and that’s ok, too.

Where to Find More Information

We’ve compiled a list outlining where to find free, LEGAL images to use (DON’T just go swipe some from Google images!)

For a complete and thorough lesson on how to optimize images for your site, check out our training on How to Optimize Images for Your Site and Blog