Image SEO: Complete Optimization Guide 2026

Images make up over 20% of Google's search queries. If your images aren't optimized, you're missing a huge traffic opportunity — and slowing down your site, which hurts rankings.

In this guide, you'll learn everything about image SEO: alt text, file names, compression, formats, and more.

Why Image SEO Matters

• Google Images traffic — 20%+ of all searches
• Page speed — Images are the biggest files on most sites
• User experience — Fast-loading visuals keep visitors engaged
• Accessibility — Alt text helps screen readers
• Featured snippets — Images often appear in SERP features

1. File Names

Google reads your file name to understand what the image shows.

Rules:

• Use lowercase
• Use hyphens (-), not underscores
• Include relevant keywords
• Keep under 5 words
• Be descriptive

2. Alt Text (Alternative Text)

Alt text describes the image for search engines and screen readers.

Rules:

• Describe what the image shows
• Keep under 125 characters
• Include keyword naturally (once)
• Don't start with "image of" or "picture of"
• Decorative images: use empty alt=""

3. Image Compression

Large images slow down your site — directly hurting SEO and user experience.

Target sizes:

• Hero images: < 200 KB
• Blog post images: < 100 KB
• Thumbnails: < 30 KB
• Icons: < 10 KB

Free compression tools:

• TinyPNG
• Squoosh.app
• Compressor.io
• ImageOptim (Mac)

4. Image Formats

Choosing the right format matters:

• WebP — Best all-around (25-35% smaller than JPEG)
• AVIF — Newest, best compression
• JPEG — Photos, complex images
• PNG — Transparency, logos, screenshots
• SVG — Icons, logos, simple illustrations
• GIF — Avoid (use MP4 or WebP instead)

5. Responsive Images

Serve different image sizes based on device:

<img src="image-800.jpg"
     srcset="image-400.jpg 400w,
             image-800.jpg 800w,
             image-1200.jpg 1200w"
     sizes="(max-width: 600px) 400px,
            (max-width: 1000px) 800px,
            1200px"
     alt="Description"
     width="800"
     height="600"
     loading="lazy">

6. Lazy Loading

Load images only when they enter the viewport:

<img src="image.jpg" alt="..." loading="lazy">

Note: Don't lazy-load above-the-fold images (hero). It hurts LCP.

7. Width and Height Attributes

Always specify dimensions to prevent layout shifts (CLS):

<img src="image.jpg" alt="..." width="800" height="600">

8. Image Sitemaps

Help Google find your images by adding image tags to sitemap:

<url>
  <loc>https://smp-web.com/page</loc>
  <image:image>
    <image:loc>https://smp-web.com/image.jpg</image:loc>
    <image:title>Image Title</image:title>
  </image:image>
</url>

9. Image CDN

Use a CDN for faster image delivery:

• Cloudflare (free tier)
• Bunny CDN
• Cloudinary
• ImageKit

10. Image Schema Markup

Add ImageObject schema for better visibility:

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "url": "https://smp-web.com/image.jpg",
  "width": "800",
  "height": "600",
  "caption": "Image description"
}

Image SEO Checklist

• ✅ Descriptive file names with keywords
• ✅ Alt text on every image
• ✅ Compressed under 200 KB
• ✅ Modern format (WebP/AVIF)
• ✅ Responsive srcset for different devices
• ✅ Lazy loading for below-fold images
• ✅ Width and height attributes
• ✅ Image sitemap
• ✅ CDN delivery
• ✅ Schema markup (for key images)

Final Thoughts

Image SEO is often overlooked but can drive significant traffic. By optimizing file names, alt text, compression, and formats, you improve both user experience and rankings.