Most business owners think of the images on their website as decoration. They pick a nice photo of the storefront, drag it onto the page, and move on.
What they didn’t realize was that a photo is often the single heaviest thing on the page and the slowest part to load. It is also invisible to Google’s image search and to the AI tools more people now ask before they ever click. None of that shows up in a way you’d notice. The page looks fine. It just quietly underperforms.
Here’s the honest version up front, because a lot of SEO advice oversells this. Image size is not some giant lever that rockets you to the top of Google. However, Google has said plainly that the speed signals tied to your images are lightweight compared to relevance. But “lightweight ranking signal” undersells the real cost, because bad images hurt you in more places than one. They slow your page down, they make it jump around as it loads, they keep you out of image search, and, when they are poorly described, they stay invisible to the AI tools people increasingly search with. Fix them and you help all four, and the fixes are genuinely easy.
This is the practical version, written for an owner or a marketing person, not a developer. Here are two fixes, what each one buys you, and how much it really matters. Most of all, it is backed by 2025 and 2026 data from Google and the people who measure the web for a living. It builds on the broader work we’ve covered in our on-page SEO guide, narrowed down to the one area where most local sites are leaving the easiest wins on the table.
Does image size really affect your SEO?
Yes, but indirectly. Images are the largest element to load on most web pages, so heavy ones slow your Largest Contentful Paint, a page-speed score Google uses in ranking. That score is lightweight on its own, but slow images also make the page lurch as it loads, a problem Google measures as Cumulative Layout Shift, and unstable, heavy images lose you sales and keep you out of image and AI search. The two highest-payoff fixes are sizing each image correctly, with the right dimensions and a modern format like WebP, and writing descriptive alt text. Neither requires a developer.
What Bad Image SEO Actually Costs You
Bad image SEO costs you in four places that all compound: page speed, visual stability, image-search visibility, and how AI tools understand your visuals. The reason images sit at the center of so much is simple once you see the numbers. They are usually the biggest, heaviest thing on the page, so they touch almost every part of how fast and how well that page performs.
Images Are the Heaviest Thing on Your Page
Your images are almost certainly the largest chunk of what your page has to download. In the 2025 Web Almanac, the annual report on the state of the web built from millions of real sites, found that images were the single biggest resource type by file size, with a median of roughly 1,059 KB of images on a home page. That’s more than the JavaScript, more than the fonts, more than anything else on the page. The whole median web page weighs about 2.5 MB on a phone, and images are the largest contributor.
They’re also usually the part of the page a visitor is waiting on. On something like three-quarters of pages, the largest element to finish loading is an image, often the big hero photo at the top.
Google has a name for the amount of time it takes to load the image on the page. It’s called Largest Contentful Paint, or LCP, and it’s one of three scores Google groups together as Core Web Vitals, the company’s way of measuring whether a page feels fast and stable to a real person. Google’s “good” target for LCP is under 2.5 seconds. When your hero image is a 3 MB photo straight off a phone camera, that clock keeps running, and the visitor stares at a half-built page.
But Does Image Size Really Move Rankings?
This is where you should be skeptical of anyone selling image optimization as a ranking miracle. Core Web Vitals is a real Google ranking signal, but a deliberately small one. Google’s own Search team has described the speed score as “super lightweight compared to other ranking signals,” and John Mueller, one of Google’s most quoted Search voices, has said it’s “more than a tie-breaker, but it doesn’t replace relevance.” In plain terms, a faster page won’t outrank a more relevant one just for being faster. If your content doesn’t answer the question, no amount of image compression saves it.
So why bother? Because the ranking nudge is the smallest of the four payoffs. A slow, janky page loses visitors before they convert, and that’s real money in a business where you paid to get the click. A page that jumps around as it loads feels broken and erodes trust. Heavy images with no description never show up in Google Images, a search surface plenty of people still use to find products and local businesses. And, increasingly, the AI tools answering people’s questions can’t make sense of your visuals at all. The ranking signal is the cherry. The speed, the stability, the image-search traffic, and the AI legibility are the cake. Two small fixes improve all of it, so let’s get to them.
Fix 1 — Make Your Images Fast and Stable
This first fix has two halves that work together, setting explicit dimensions on every image and compressing the file into a modern format. The first stops your page from jumping around. The second stops it from crawling. Together they handle two of the three Core Web Vitals, and you can do both this week without touching code you don’t understand.
Step 1 — Set a Width and Height on Every Image
Give every image the correct width and a height so the browser knows how much space to save for it before it loads. When you skip this, the browser has no idea how tall that image will be, so it loads your text first, then the image pops in and shoves everything down the page. You’ve felt this as a reader. You go to tap a button and the page lurches, and now you’ve tapped the wrong thing. Google measures that lurching with a score called Cumulative Layout Shift, or CLS, the third Core Web Vital, and its “good” target is under 0.1, which basically means almost no shifting.
The fix is mechanical. When an image has a width and height set, the browser does the math on its shape ahead of time, reserves exactly that much room, and drops the image into the held space when it arrives. Nothing moves. In most modern website builders and content systems, this happens automatically when you upload an image at its real size, which is one more reason not to paste in a giant original and let the page squeeze it down on the fly. The dimensions you set should match the size the image actually displays at, kept to its real aspect ratio, not an oversized number the page that has to shrink on every phone that loads it, and since Google judges your site on the mobile experience first, that smaller mobile size is the one that counts. If you’re on WordPress, Shopify, Squarespace, or most other mainstream platforms, the dimensions are usually already in place, and the thing to check is that you haven’t stripped them out with a custom theme or a page builder. This is the cheaper of the two steps and the one that most directly kills the most jarring problem a visitor feels.
Step 2 — Compress and Resize to the Size You Display
Shrink every image to the size you actually display it, then save it in a modern format so the file is a fraction of the weight with no visible drop in quality. This is the part of the fix that moves your load speed, and it’s where the real bytes are. Two moves live inside it.
First, stop uploading originals. A photo off a modern phone can be 4,000 pixels wide and several megabytes. If you’re showing it in a 600-pixel-wide column, you’re making every visitor download something six times bigger than they’ll ever see. Resize it to roughly the width it appears at before you upload.
Second, change the format. The old default, JPEG, is no longer the efficient choice. Google’s own engineers built a newer format called WebP that runs about 25 to 34% smaller than a JPEG at the same visual quality, and it works in every current browser. There’s an even leaner format called AVIF that’s roughly half the size of a JPEG, though it’s worth keeping a WebP or JPEG version as a backup since support isn’t quite universal yet. You don’t need to know the internals. Free tools like Squoosh, made by Google’s own web team, or TinyPNG will convert and compress an image in your browser in a few seconds, and many website platforms now do it automatically if you turn the setting on. As a rough target, keep ordinary content images in the 150 to 200 KB range and large hero images no heavier than roughly 300 KB. When images are the heaviest thing on the page and the part visitors wait on, trimming a two-megabyte hero down to a couple hundred kilobytes is the single biggest speed win most sites have sitting untouched.
Ask Yourself These Questions
- Open your homepage on your phone over cellular, not office Wi-Fi. How long until the main photo actually appears?
- When the page loads, does the text jump down as images pop in, or does everything hold still?
- Are you uploading photos straight off your camera roll, or resizing and compressing them first?
Fix 2 — Write Alt Text That Google and AI Can Read
Write a short, plain description of every meaningful image in its alt text, because that text is the only way Google and AI tools actually know what the picture shows. Alt text, short for alternative text, is a written description of an image that lives in the page’s code. A human visitor never sees it unless the image fails to load, but three audiences read it carefully, and they’re the three you care about for getting found.
How to Write Alt Text That Works
Describe what’s in the image, in normal language, as if you were telling someone over the phone who can’t see it. Google has said directly that it uses your alt text along with its own image-recognition technology and the words around the image to figure out the subject. Good alt text for a photo on a Lincoln Park boutique’s site isn’t “shoes” and it isn’t “best designer shoes Chicago boutique buy now.” It’s something like “tan leather ankle boots on a wooden shelf.” Specific, accurate, and readable. Google also warns against cramming keywords into alt text, which it treats as a spam signal, so resist the urge to stuff your city and service into every description.
A couple of small habits make this easier. Name your image files something descriptive before you upload, since “tan-leather-ankle-boots.jpg” gives Google a faint clue and “IMG_4032.jpg” gives it nothing. And skip alt text on purely decorative images, like a background swirl or a divider line, because describing those just adds noise for someone using a screen reader. That last point matters on its own. Alt text is a legal accessibility requirement under the web content accessibility guidelines, the standard that makes sites usable for people who browse with screen readers, which is part of why we treat it as non-negotiable and cover it in our own accessibility policy. One short sentence per image buys you image-search visibility and accessibility compliance at the same time.
Why Alt Text Matters Even More in AI Search
Alt text is now the main way AI tools understand your images, because most of them can’t actually see the picture, they read the text around it. When someone asks ChatGPT, Perplexity, or Google’s AI for a recommendation, the system is mostly working from words, the text on your page and the descriptions attached to your images. If your product photo’s only description is “chart.png” or nothing at all, the AI has nothing to work with and your visual may as well not exist. If it’s described clearly, the machine can connect that image to the question someone asked. This is the same gap we dug into in our piece on why a page can rank well and still not get cited by AI, and images are one of the clearest examples of it. The picture might be perfect. If the words attached to it are missing, the machine reading on a customer’s behalf never knows.
Think of alt text as the caption a search engine and an AI read in place of your image. The fix costs nothing and takes seconds per image, and unlike chasing the algorithm, it’s a habit that keeps paying off as more of search shifts to answers instead of links.
Ask Yourself These Questions
- Pick your three most important product or service images. Do they have alt text, and does it actually describe what’s shown?
- If an AI tool could only read the words attached to your images, would it understand what your business sells?
- Are your image files named like “IMG_4032.jpg,” or like the thing they actually show?
TL;DR
- Bad image SEO costs you in four places at once — page speed, visual stability, image-search visibility, and how AI tools read your visuals — even though the direct ranking signal is small. Fixing it helps all four.
- Images are the heaviest, slowest part of most pages. They’re the largest resource by file size and the largest element to load on roughly three-quarters of pages (2025 Web Almanac), so they’re where the easy speed wins live.
- Fix 1 — size and compress every image to the width you actually display it, then set that width and height so the page reserves space (helps Cumulative Layout Shift) and save it as WebP to cut the file 25 to 34% versus JPEG (helps Largest Contentful Paint).
- Fix 2 — write descriptive alt text. It’s how Google, accessibility tools, and AI search all understand an image they otherwise can’t see.
Get Your Images Working for You
If your site feels slow and you suspect your images are the reason, you can confirm it in two minutes. Run your homepage through Google’s free PageSpeed Insights tool and look at the Largest Contentful Paint score and any flags about image delivery or layout shift. Most local sites we look at have the same story, an oversized hero image with no width and height set and no alt text, quietly dragging down a page that’s otherwise fine.
If you’d rather have it handled properly across the whole site, that’s the kind of unglamorous, high-payoff work our organic SEO services are built around, the technical fixes that actually move speed, visibility, and conversions rather than the ones that just look busy in a report. We’re a Chicago agency, and the first conversation is free. Tell us what’s going on with your site and we’ll tell you straight where the real problems are.
Frequently Asked Questions
Does image size affect SEO rankings?
Indirectly, yes. Images are the largest element to load on most pages, so heavy ones slow your Largest Contentful Paint, a page-speed score that’s part of Google’s Core Web Vitals and a ranking signal. That signal is lightweight on its own, and Google has said relevance matters far more, so faster images won’t outrank better content. But slow, oversized images also cost you conversions and keep you out of image search, so the total payoff of fixing them is real even if the pure ranking effect is modest.
What is alt text and why does it matter for SEO?
Alt text is a short written description of an image that lives in the page’s code. Google combines it with its own image-recognition technology and the surrounding text to understand what the image shows, and it’s what gets your images ranked in Google Image search. AI tools mostly can’t see images at all, so they read the alt text instead. It’s also required for screen-reader accessibility, so one short description does three jobs at once.
What image format is best for the web in 2026?
WebP for almost everything. It was built by Google’s engineers, runs about 25 to 34% smaller than a JPEG at the same quality, and works in every current browser. AVIF is even smaller, roughly half the size of a JPEG, but support isn’t quite universal, so use it with a WebP or JPEG fallback. Keep PNG only for graphics that need a transparent background or crisp text, like a logo.
Why does setting image width and height stop layout shift?
When you give an image an explicit width and height, the browser can work out its shape and reserve exactly the right amount of space before the image downloads. The bigger the gap between the original file and the size it shows at, the more the page has to scramble to fit it, so pairing the right dimensions with a properly resized image keeps that scramble from ever happening. That way your text doesn’t get shoved down the page when the image finally appears. That shoving is what Google measures as Cumulative Layout Shift, one of its Core Web Vitals, and reserving the space keeps it under Google’s “good” threshold of 0.1.
How big should images on a website be?
Aim to keep most content images in the 150 to 200 KB range, with large hero and product images no heavier than roughly 300 KB where you can. For context, the median web page now ships over a megabyte of images, more than any other part of the page, so most sites have a lot of room to cut. The simplest path is to resize each image to the width you actually display it and save it as WebP, which usually gets you there on its own.
Do images help me show up in AI search like ChatGPT and AI Overviews?
The image itself usually doesn’t, because most AI systems read text rather than looking at pictures. What helps is the words attached to the image, the alt text, the caption, and the surrounding copy that explains what the image proves. If a photo’s only description is its file name, an AI has nothing to go on. Treat alt text as the words an AI reads in place of your picture, and describe every important image clearly.
External references: Google web.dev — Largest Contentful Paint · Google web.dev — Optimize Cumulative Layout Shift · Google Search Central — Image SEO best practices · HTTP Archive — 2025 Web Almanac, Page Weight · W3C — WCAG Non-text Content (alt text)
