How to Optimize Images for SEO (Without Losing Your Mind)

April 16, 2025 · 12 min read

Here is a fun fact that nobody tells you when you start a blog. You can write the most brilliant article in the history of the internet and Google will still bury it on page six if your images are trash. Not visually trash. Technically trash. Bloated file sizes, vague file names, missing alt text, wrong formats. The whole sad parade.

Image SEO is one of those things that sounds boring until you realize it accounts for a huge chunk of organic traffic. Google Images alone handles billions of searches every single day. If your images are not optimized, you are basically leaving an entire traffic channel on the table. And unlike writing 3,000 word pillar posts, image optimization takes about five minutes per image once you know what to do.

So let us walk through every single thing that matters. No fluff, no corporate waffle, just what actually moves the needle. Buckle up.

File Names: Your First SEO Signal

Let me guess. Your file is called IMG_4832.jpg. Or maybe Screenshot 2024-03-15 at 14.23.57.png. Both of these tell Google absolutely nothing about what the image contains. It is like naming your resume “document.pdf” and expecting a hiring manager to get excited.

File names are a ranking signal. Not a massive one, but a real one. Google uses them to understand what the image depicts, especially when crawling it for the first time. A file named “golden-retriever-puppy-grass.jpg” gives Google way more context than “DSC0094.jpg”.

Here is what to do. Name the file with actual descriptive words. Use lowercase. Separate words with hyphens (not underscores, not spaces). Keep it short but specific. “blue-running-shoes.jpg” beats “shoes.jpg” which beats “image1.jpg”. This takes literally two seconds per image and compounds over hundreds of pages.

One more thing. Do not keyword stuff your file names. “best-cheap-running-shoes-buy-online-free-shipping-2025.jpg” is not helpful. It is pathetic. Name the file after what the image actually shows. If it shows blue running shoes on a white background, name it “blue-running-shoes-white-bg.jpg”. Done.

Alt Text: The Big One

Alt text is the single most important image SEO element. It serves two purposes: it helps screen readers describe images to visually impaired users, and it tells search engines what the image shows. Both are critical.

Writing good alt text is not hard but most people either skip it entirely or do it wrong. Here is the formula. Describe the image as if you were telling a friend what they are looking at, on the phone, while they cannot see your screen. Be specific. Be concise. Include your target keyword if it fits naturally.

Bad: “image” or “photo” or “picture of thing.” Also bad: cramming five keywords into a single alt attribute. “running shoes best cheap affordable on sale 2025.” That is atrocious. Do not do that.

Good: “Blue Nike running shoes displayed on a white background.” Specific, descriptive, natural. If your page is targeting “Nike running shoes” as a keyword, fantastic, it is right there naturally. If it is not, do not force it.

Another common mistake: decorative images. If an image is purely decorative (a border, a divider, a background pattern), give it an empty alt attribute: alt="". This tells screen readers to skip it and tells Google it is not meaningful content. Every image on your page either communicates something or it does not. Be honest about which is which.

Compression: Smaller Files, Faster Pages

Page speed is a ranking factor. Google has said this repeatedly. And images are almost always the heaviest things on any web page. A single uncompressed DSLR photo can be 8MB. That is more than some entire websites. Your visitors on mobile data connections do not deserve that.

The goal is to reduce file size without making the image look bad. This is not as hard as it sounds. Most photos can be compressed by 60 to 80% before the quality loss becomes visible. A 4MB JPEG at quality 85 might come down to 400KB with zero perceptible difference. That is ten times smaller.

You can use our compress image tool to do this in your browser without uploading anything. Drop the image in, slide the quality down until you see artifacts, then back off a little. Done. The sweet spot is usually between 75 and 85 for JPEGs.

For PNG files, lossless compression can often shave off 30 to 50% without any quality change at all. PNG compression removes redundant data that the format stores unnecessarily. There is literally zero reason not to do it.

Format Selection: WebP, AVIF, and Why JPG Still Exists

The format war is over and WebP won. Well, mostly. WebP gives you significantly smaller files than JPEG and PNG at comparable quality. It supports transparency (like PNG) and animation (like GIF). Browser support is universal now. Chrome, Firefox, Safari, Edge, even the browsers your grandparents use. WebP should be your default format for web images in 2025.

AVIF is the newer kid on the block. Even smaller files than WebP, even better quality at low bitrates. But browser support is not quite universal yet and encoding is slower. Use AVIF if your CMS or CDN supports it as a progressive enhancement, but do not rely on it as your only format yet.

JPEG is not dead. It is the universal fallback. Every device, every browser, every email client, every social media platform handles JPEG. For photos, JPEG at quality 80 to 85 is still perfectly fine. The file size penalty compared to WebP is maybe 25 to 30%, which matters at scale but is not catastrophic for a small blog.

PNG is for images that need transparency or have sharp edges with flat colors (logos, icons, screenshots with text). Do not use PNG for photos. A photo saved as PNG can easily be 5 to 10 times larger than the same photo as JPEG with no visible quality improvement. I see this mistake constantly.

Our image converter handles all of these formats if you need to switch between them.

Image Dimensions: Do Not Ship a 4000px Hero to a 600px Container

This is the most wasteful thing people do with images and they do it all the time. You have a blog content area that is 760 pixels wide. You upload a 4000 pixel wide image. The browser downloads all 4000 pixels and then scales it down to 760. You just made your visitor download five times more data than necessary. On every single page load.

Resize your images to the actual display size. If your content column is 800 pixels wide, resize the image to 1600 pixels wide (2x for retina displays) and no more. Use our resize tool if you do not have a graphics editor handy. Or better yet, use responsive images with srcset so the browser picks the right size automatically.

The srcset attribute lets you provide multiple sizes of the same image and the browser picks the best one based on the screen size and pixel density. It looks like extra work but it is one of the highest impact optimizations you can make for both performance and SEO.

Our image sizes cheat sheet has all the recommended dimensions for every platform if you need a reference.

Lazy Loading: Load Images When You Need Them

If your page has twenty images and a visitor only scrolls halfway down, why load all twenty up front? Lazy loading defers the loading of offscreen images until the user scrolls near them. It is a free performance win with virtually no downside.

In modern HTML, it is one attribute: loading="lazy". That is it. Add it to every image that is not above the fold (not visible without scrolling). Above the fold images should load eagerly (the default) so they appear instantly.

Most frameworks handle this automatically now. Next.js, Gatsby, WordPress with modern themes. But if you are writing raw HTML or using an older CMS, add it manually. It takes ten seconds and can shave seconds off your Largest Contentful Paint score.

One gotcha: do not lazy load your LCP (Largest Contentful Paint) image. That is usually your hero image or the first big image on the page. Making Google wait for it to lazy load will actually hurt your Core Web Vitals score. Load the hero eagerly, lazy load everything else.

Structured Data: Speak Google's Language

JSON-LD structured data helps Google understand the context of your images. For product images, use Product schema with image properties. For recipe images, use Recipe schema. For articles, use Article schema with the image field. The image in your schema markup should match the primary image on the page.

This is not just about SEO. Structured data can get your images into Google's rich results: product carousels, recipe cards, how-to guides with step images. Those rich results have significantly higher click through rates than plain blue links. It is worth the five minutes of JSON.

Image Sitemaps: Help Google Find What You Have

This is an underused tactic. You can include image URLs in your sitemap.xml to help Google discover images that might be hard to find by crawling alone. This is especially useful for images loaded via JavaScript, images in galleries, or images on pages with complex layouts.

The format is simple. Inside each URL entry in your sitemap, add image:image tags with the image location. Google has clear documentation on the format. Most SEO plugins for WordPress and other CMSs can generate image sitemaps automatically.

If your site has hundreds or thousands of images, an image sitemap is not optional. It is the only way to ensure Google discovers all of them. Without it, you are relying on Google crawling every single page and finding every single image in the DOM. That often does not happen.

CDN and Caching: Serve Images From the Edge

A CDN (Content Delivery Network) serves your images from servers geographically close to the visitor. A user in Tokyo gets the image from a Tokyo server instead of your origin server in Virginia. The speed difference is noticeable.

Cloudflare, AWS CloudFront, Vercel, Netlify, and others all provide CDN functionality. If your images are not behind a CDN, they should be. Set long cache headers (at least one year for immutable assets) and use content hashing in file names to bust the cache when images change.

Some CDNs also offer automatic image optimization: format conversion to WebP, on the fly resizing, and automatic compression. This lets you upload a single high quality image and the CDN generates optimized variants automatically. Cloudflare Images, imgix, and Cloudinary all do this.

Common Mistakes That Kill Your Image SEO

Let me list the things I see over and over again. Text embedded in images instead of actual HTML text. Google cannot read text inside images (mostly). Important information should always be in real text, not baked into a JPEG.

Using CSS background images for meaningful content. Background images do not have alt text. If the image communicates information, use an img tag. Reserve CSS backgrounds for decorative elements.

Forgetting about image URLs when you migrate or redesign your site. If you change image paths without setting up redirects, you lose all the SEO value those images had accumulated. Redirect old image URLs to new ones, just like you would with page URLs.

Upload once, never update. If your product photos are from 2019 and your products have changed since then, your images are stale. Google notices when images are frequently updated and may give fresher images a slight boost in image search results.

A Quick Image SEO Checklist

The Bottom Line

Image SEO is not glamorous. Nobody is going to throw you a parade for writing good alt text. But the cumulative effect of doing all of these things consistently across your site is significant. We are talking about a traffic source that most competitors completely ignore because it is “boring.”

Here is the thing about boring SEO work. It compounds. Every image you optimize is another entry point to your site through Google Images. Every kilobyte you shave off is a little faster page load. Every alt text you write is another signal to Google about what your page is about. None of these things individually is going to change your life. All of them together absolutely will.

So go optimize your images. It takes less time than you think, it costs literally nothing, and the results stack up over months and years. If you need tools, every single one mentioned in this article is free right here on this site. No excuses.