With the rise of Google Lens and visual search, optimizing your images is no longer optional — it's one of the fastest ways to drive free organic traffic to your website.
Yet most people upload images named "IMG_4821.jpg" with no alt text and wonder why they never appear in search results. They're not alone: across the web, a full 15% of images still ship with no alt attribute at all (HTTP Archive Web Almanac, 2024). That gap is an opportunity — fix the basics and you outrank the majority of pages that never bothered. This guide shows you how.
Why Image SEO Matters in 2026
Three major shifts have made image optimization critical:
- Google Lens: Nearly 20 billion visual searches per month (Google, October 2024). Users now point their camera at products, plants, and landmarks to find information. If your images are optimized, they appear in these results.
- AI Overviews: Google's AI-generated summaries frequently pull images from well-optimized pages. Getting featured here means massive visibility.
- Shopping Integration: Product images now appear directly in Google Search, Shopping tabs, and Lens results — driving direct purchase intent.
The 8 Rules of Image SEO
1. Use Descriptive File Names
Bad: IMG_4821.jpg, screenshot-2026.png
Good: handmade-leather-wallet-brown.jpg, passport-photo-size-guide.png
Google reads your file name as a signal of what the image contains. Use hyphens to separate words (not underscores). Keep it concise but descriptive.
2. Write Meaningful Alt Text
Alt text is the single most important image SEO factor. It tells Google (and screen readers) what your image shows. It's also the most commonly skipped: only 69% of images on the web pass Google's Lighthouse alt-text audit (HTTP Archive Web Almanac, 2024). Writing one good sentence per image puts you ahead of roughly a third of the competition.
Bad: alt="image" or alt=""
Good: alt="Woman holding a compressed JPEG file showing 80% size reduction"
Rules:
- Be specific and descriptive (8-15 words).
- Include your target keyword naturally — don't stuff.
- Describe what's actually in the image, not what you wish was there.
- Leave
alt=""only for purely decorative images (spacers, background flourishes) — that's the one case where empty alt is correct.
3. Choose the Right Format
| Scenario | Best Format | Why |
|---|---|---|
| Photos | WebP | ~30% smaller than JPEG; ~95% global browser support |
| Logos / Icons | SVG or PNG | Crisp at any size |
| Hero banners | WebP with JPEG fallback | Fast loading, broad support |
| Maximum compression | AVIF | Up to 50% smaller than JPEG; ~93% global browser support |
How much do you actually save? Google's own measurements put WebP lossy images at 25–34% smaller than a comparable JPEG, and WebP lossless at 26% smaller than PNG (developers.google.com/speed/webp) — a meaningful cut to your largest, slowest assets, for free.
Despite this, the web has been slow to switch. As of 2024, JPEG still accounted for 32.4% of images and PNG for 28.4%, while WebP sat at just 12% and AVIF at 1.0% (HTTP Archive Web Almanac, 2024). Most of your competitors are still serving heavier, older formats — converting to WebP is one of the lowest-effort, highest-leverage SEO wins available right now.
Browser-support figures verified May 2026 via caniuse.com/webp and caniuse.com/avif. AVIF is no longer "cutting-edge" — it's safe to ship to a mainstream audience, especially when paired with a WebP or JPEG fallback via the <picture> element:
<picture>
<source srcset="product.avif" type="image/avif">
<source srcset="product.webp" type="image/webp">
<img src="product.jpg" alt="Handmade leather wallet in brown">
</picture>
The browser picks the first format it supports and silently falls back to the JPEG for anything older. Use our Image Converter to batch-convert your images to WebP in seconds.
4. Compress Before Uploading
Large images slow down your page, and page speed is a ranking factor. Google's Core Web Vitals (especially LCP — Largest Contentful Paint) directly measure how fast your biggest image loads, and on most pages that "largest element" is an image.
This is where the real weight hides. The median desktop home page ships about 1,054 KB of images out of roughly 2,652 KB total page weight (HTTP Archive Web Almanac, 2024) — images are routinely the single biggest chunk of what a visitor downloads. The median "largest image" on a mobile page weighs 135 KB (HTTP Archive Web Almanac, 2024), so trimming that hero image is often the fastest way to improve LCP.
Target: Keep images under 200KB for web use; aim well under that for your hero/LCP image.
- Go to our Compress Tool.
- Upload your images.
- Adjust quality to 75-85% — visually identical, dramatically smaller.
Why 75-85%? Below about 70%, JPEG and WebP start showing visible blocking and banding; above 85%, file size climbs fast for quality gains the eye can't detect. That band is the sweet spot — pristine-looking, but a fraction of the original weight.
5. Use Responsive Sizing
Don't serve a 4000px image to a phone with a 390px screen. Use the HTML srcset attribute:
<img
src="product-800.webp"
srcset="product-400.webp 400w, product-800.webp 800w, product-1200.webp 1200w"
sizes="(max-width: 600px) 400px, 800px"
alt="Handmade leather wallet in brown"
>
This tells the browser to load only the size it needs, saving bandwidth and improving speed.
6. Implement Lazy Loading
Images below the fold (not visible on first load) should use lazy loading:
<img src="photo.webp" alt="Description" loading="lazy">
This is a one-word change that can improve your LCP score dramatically. One critical exception: never lazy-load your above-the-fold hero image. Doing so makes the browser deprioritize it and your LCP score gets worse. Lazy-load below the fold; eager-load (ideally with fetchpriority="high") the image that dominates the first screen.
7. Add Structured Data (Schema)
For product images, recipe images, or how-to guides, add JSON-LD structured data so Google can show your images as rich results:
- Product schema: Shows price, availability, and rating alongside the image.
- HowTo schema: Shows step-by-step images in search results.
- Recipe schema: Shows cooking images with prep time and ratings.
The detail most people miss: the image field should point to a high-resolution URL (Google recommends at least 1200px wide), not a thumbnail, and the image must be crawlable — schema referencing a blocked or broken image earns you nothing.
8. Create an Image Sitemap
If your site has hundreds of images, submit an image sitemap to Google Search Console. This ensures Google discovers all your visual content, even images loaded via JavaScript.
Google Lens Optimization Checklist
Google Lens is the future of search. Here's how to make your images Lens-friendly:
- High resolution: At least 1200px on the longest side.
- Clear subject: The main object should fill 60%+ of the frame.
- White background: For products, a clean white background helps Lens identify the item. Use our Background Remover to create one.
- Multiple angles: Upload front, side, and detail shots. Lens cross-references multiple views.
- Unique images: Stock photos rank poorly. Original photography always wins.
Quick Win: Audit Your Current Images
Before creating new content, fix what you already have:
- Check file names: Rename any "IMG_xxxx" files.
- Add missing alt text: Every image on your site should have descriptive alt text.
- Compress oversized files: Use our Compress Tool to reduce any image over 500KB.
- Convert to WebP: Switch from PNG/JPEG to WebP using our Converter.
These four steps alone can improve your image search visibility within weeks.
Common Mistakes to Avoid
- Keyword stuffing alt text:
alt="cheap wallet leather wallet buy wallet online wallet"— Google will penalize this. - Using text inside images: Google can't read text baked into JPEGs. Use HTML text instead.
- Blocking images in robots.txt: If Googlebot can't crawl the image, it can't index it.
- Missing width/height attributes: Always specify dimensions to prevent layout shift (CLS).
Tools to Supercharge Your Image SEO
| Task | Our Free Tool |
|---|---|
| Compress images | Image Compressor |
| Convert to WebP | Image Converter |
| Remove backgrounds | AI Background Remover |
| Resize for social media | Batch Editor |
| Strip EXIF metadata | EXIF Viewer |
All tools process locally in your browser. No uploads, no accounts, no privacy risk.