Why Image Optimization Matters for SEO

Images affect your SEO in multiple ways. First, they account for 50–70% of most pages' total weight — and page loading speed is a confirmed Google ranking factor (Core Web Vitals). Second, properly optimized images appear in Google Image Search, which drives significant traffic for product pages, recipes, infographics, and editorial content. Third, descriptive alt text helps Google understand your content and can rank for additional keywords.

Step 1: Choose the Right Format

Format selection is your biggest lever for file size reduction:

  • Use WEBP for all images if possible — 25–35% smaller than JPG at equivalent quality
  • Use JPG for photographs when WEBP isn't an option
  • Use PNG only when you need transparency or lossless quality

Convert images using our free WEBP Converter.

Step 2: Resize to Display Dimensions

Never upload an image larger than it will be displayed. A 4000×3000 pixel photo displayed at 800×600 pixels forces the browser to download 5× more data than necessary. Use our Image Resizer to size images exactly to their display dimensions before uploading.

Common maximum widths: blog post featured images 1200px, sidebar images 400px, thumbnails 300px.

Step 3: Compress the Image

After resizing, compress using our Image Compressor. Recommended quality settings:

  • Product photos: 80–85% quality
  • Blog post images: 75–80% quality
  • Thumbnails: 70–75% quality
  • Hero/banner images: 80–85% quality (visible above the fold)

Step 4: Write Descriptive File Names

Before uploading, rename image files with descriptive, keyword-rich names. Use hyphens between words (not underscores or spaces).

  • Bad: IMG_4823.jpg or image1.png
  • Good: red-leather-sofa-living-room.jpg or how-to-compress-images-screenshot.png

Step 5: Add Descriptive Alt Text

Alt text (the alt attribute on img elements) does three things: it helps visually impaired users understand images, it shows if an image fails to load, and it tells Google what the image shows. Write concise descriptions of what's in the image — include your target keyword naturally if it genuinely describes the image.

  • Bad: alt="image" or alt="photo"
  • Bad: alt="buy cheap red leather sofa online free shipping" (keyword stuffing)
  • Good: alt="Red leather three-seat sofa in a modern living room"

Step 6: Add Structured Data for Product/Recipe Images

For product pages, add Product schema markup with the image property. For recipes, add Recipe schema with the image property. This can earn your images rich results in Google Search, including carousels.

Quick SEO Image Checklist

  • ☑ WEBP format (or JPG for maximum compatibility)
  • ☑ Resized to display dimensions
  • ☑ Compressed to under 100 KB for most images
  • ☑ Descriptive file name with hyphens
  • ☑ Descriptive, keyword-relevant alt text
  • ☑ No decorative images without alt=""
  • ☑ Served from a CDN if possible
  • ☑ Lazy loaded (loading="lazy" attribute)