Image Optimization for SEO: Speed + Discoverability Checklist
By AZ Utils Editorial · · 8 min read
Images can be one of your biggest SEO assets — or one of your biggest liabilities. Optimised well, they drive image-search traffic, improve page experience and help you rank; left bloated and unlabelled, they slow your site and go undiscovered. This guide covers image optimization for SEO end to end: file size, formats, alt text, file names, structured data and image sitemaps.
It's for bloggers, marketers, store owners and developers who want their images to work for their rankings.
Key Concepts: Two Sides of Image SEO
Image SEO has two goals working together:
- Performance — light, fast-loading images that support Core Web Vitals and page experience.
- Discoverability — clear signals (alt text, file names, context, sitemaps) that help search engines understand and surface your images.
In short: Image SEO means compressing and sizing images for speed, then making them discoverable with descriptive file names, alt text, captions and an image sitemap.
Step-by-Step: Optimising Images for SEO
- Compress and resize every image — see Reduce Image Size Without Losing Quality.
- Use a modern format (WebP) — see Best Image Format for Websites.
- Name files descriptively:
red-leather-handbag.webp, notIMG_2381.jpg. - Write meaningful alt text that describes the image for accessibility and search.
- Add explicit width and height to prevent layout shift (CLS).
- Use lazy loading (
loading="lazy") for below-the-fold images. - Serve responsive images with
srcsetso devices get an appropriately sized file. - Include images in an XML image sitemap to aid discovery.
Try Our Free Image Compressor
Step one of image SEO is fast files. Our free Image Compressor shrinks images for speed without visible quality loss — all in your browser.
- ✅ Smaller files for better Core Web Vitals
- ✅ JPG, PNG and WebP supported
- ✅ 100% private, processed locally
- ✅ Free, no sign-up
Real-World Examples
Example 1 — Descriptive file names & alt
Renaming IMG_4471.jpg to handmade-ceramic-coffee-mug.webp with alt text "handmade ceramic coffee mug in matte blue" helps the image rank in image search for those terms.
Example 2 — Faster LCP
Compressing a 2 MB hero image to 250 KB and adding explicit dimensions improves Largest Contentful Paint and reduces layout shift — both page-experience signals.
Example 3 — Responsive delivery
Using srcset to serve a 400px image to phones instead of a 1600px desktop file cuts mobile load dramatically.
Common Mistakes to Avoid
- Leaving generic file names like IMG_1234.jpg.
- Missing or keyword-stuffed alt text. Describe the image naturally.
- Uploading uncompressed, oversized images.
- Omitting width/height, causing layout shift.
- Lazy-loading the hero/LCP image, which can delay it — load that one eagerly.
- Forgetting an image sitemap for media-heavy sites.
Best Practices
- Compress and resize before upload.
- Use descriptive, hyphenated file names.
- Write concise, accurate alt text for every meaningful image.
- Set explicit dimensions and lazy-load below-the-fold images.
- Serve responsive sizes with srcset and consider a CDN.
- Add images to your sitemap.
Frequently Asked Questions
How do I optimise images for SEO?
Compress and resize images for speed, use a modern format like WebP, give them descriptive file names and alt text, set explicit dimensions, lazy-load below-the-fold images, serve responsive sizes, and include them in an image sitemap.
Does image size affect SEO?
Yes. Large images slow your pages and hurt Core Web Vitals such as Largest Contentful Paint, which are part of Google's page-experience signals.
What should image alt text contain?
A short, natural description of what the image shows, helpful for screen readers and search engines. Avoid keyword stuffing.
Do file names matter for image SEO?
Yes. Descriptive, hyphenated file names like red-leather-handbag.webp give search engines context that generic names like IMG_1234.jpg do not.
Should I lazy-load all images?
Lazy-load below-the-fold images to speed initial load, but load the main above-the-fold (LCP) image eagerly so it appears quickly.
Conclusion
Image SEO is performance plus discoverability: make images small and fast, then make them understandable with good file names, alt text, dimensions and a sitemap. Start with compression — the foundation everything else builds on — using the free tool below.
Related Resources
- Image Compressor: Complete Guide — the full how-to
- How to Speed Up Website Images — performance deep dive
- Best Image Format for Websites — format choices
- Reduce Image Size Without Losing Quality — the workflow
