How to Fix Oversized Images Slowing Down Your WordPress Site

Oversized images are the single most common cause of a slow small business website, and they are the easiest thing to fix. A photo that takes 10 seconds to download on a phone can be made ready for the web in two minutes. Here is exactly how to find the problem and fix it for free.

How do oversized images actually slow down a website?

Every image on your page is a file the visitor’s browser must download before it can display the page fully. The larger the file, the longer the download.

A photo straight off a modern phone camera is typically 3 to 8 megabytes. A web-ready version of the exact same photo is 80 to 300 kilobytes. That is a difference of 10 to 40 times.

If your homepage has a hero image and three or four supporting photos, all uploaded straight from a camera, your visitors are downloading 15 to 30 megabytes just to see one page. On a phone on a cellular connection, that can take 8 to 15 seconds. On a fast wifi connection it is faster, but still noticeably slow.

This is the most fixable problem on most small business websites, and it requires no technical expertise.

How do I find which images are the problem?

The fastest way is to run your site address through Google PageSpeed Insights (free, no account needed). Look for the “Properly size images” recommendation. It will list the specific images that are oversized and show you exactly how much you would save by fixing each one.

If you want to find them yourself, open your website in Chrome, press F12 to open developer tools, click the Network tab, reload the page, and click Size to sort by file size. Images near the top of the list with sizes over 500 kilobytes are your targets.

In your WordPress media library, you can also sort by file size in some hosting environments, or just look at images uploaded from cameras since those are almost always too large.

How to compress images for free

The best approach is to compress images before uploading them to WordPress. That way the problem never enters your site.

Squoosh (squoosh.app) is a free browser tool from Google. Drag an image onto it, select WebP or JPEG as the output format, and adjust the quality slider. Most photos can go from 4 megabytes to under 200 kilobytes with no visible change. Download the result and upload that instead.

ImageOptim is a free Mac application. Drag images onto it and it compresses them automatically. It uses several methods at once and produces excellent results.

TinyPNG (tinypng.com) is a free web tool for PNG and JPEG files. Drag up to 20 images at once and download the compressed versions.

For images already on your site, you can replace them by going to your WordPress media library, clicking on the image, and using the Edit Image or Replace Image option depending on your setup.

What is WebP and should I switch?

WebP is a newer image format developed by Google. It produces files that are 25 to 35 percent smaller than JPEG files at similar visual quality. Every modern browser supports it.

If Squoosh is how you compress your images, just choose WebP as the output format and you are already using it. Your visitors will get smaller files automatically.

If you upload JPEG or PNG files, those still work fine. WebP is a gain, not a requirement.

What about images below the fold?

WordPress has automatically applied lazy loading to images below the visible area of the page since version 5.5 in 2020. Lazy loading means those images only download when a visitor scrolls near them, rather than all at once when the page loads.

This is helpful for pages with many images. But it does not help the images at the top of your page, which visitors see immediately and which still download right away. Those images need to be the right size before you upload them.

What you can do today

1. Test with PageSpeed Insights. Enter your address and look for “properly size images” in the results. You will see exactly which images are the problem.
2. Download Squoosh or TinyPNG. Bookmark squoosh.app for future use. It takes two minutes to compress a photo.
3. Fix your hero image first. The biggest image at the top of your homepage is the one with the most impact on perceived load time. Start there.
4. Set a personal rule: no uploads over 300 kilobytes. Before uploading any image, run it through a compression tool first. This prevents new oversized images from entering your site.
5. Work backward through your media library. After the hero image, identify the five largest files in your media library and compress those. Replace them in the posts or pages where they appear.

Why this keeps happening

Images get uploaded straight from phones because it is faster and easier. The compression step feels like an interruption. So it gets skipped, and slowly the problem grows back.

Some hosting environments and WordPress configurations compress images on upload automatically. Whether that is active on your site, and at what quality, is a detail that often goes unchecked. Even when it is active, it sometimes produces results that are still too large.

The maintenance cycle is real: compress, upload, see the site get faster, add new content with uncompressed images, see it slow again. It is not a technology failure. It is a workflow problem that comes back unless it is solved at the workflow level.

Basalt moves small business websites off WordPress to a platform with nothing to hack and nothing to update. The move is free. Part of that process includes optimizing your existing images as part of the migration. If you are curious how it works, see how to leave WordPress without losing your site.

Find out what is wrong in 60 seconds

Or skip all this. Enter your web address and we will tell you exactly what is wrong with your site. Free, 60 seconds, no account needed.