How to Optimize Images for SEO and Faster Page Speed

April 6, 2026 · 6 min read

Images make up the majority of most web pages by file size. Optimizing them is one of the fastest ways to improve your Google PageSpeed score, Core Web Vitals, and search rankings. Here is a complete guide to image SEO.

Why Image Optimization Matters for SEO

Google uses page speed as a ranking factor. Slow pages rank lower and lose visitors. Since images typically account for 50 to 70 percent of a page's total weight, optimizing them has the biggest impact on load time.

Google's Core Web Vitals measure Largest Contentful Paint (LCP), which is often an image. If your hero image takes 4 seconds to load, your LCP score suffers and your rankings drop. Optimized images can cut LCP time in half.

Step 1: Resize to Display Dimensions

Never upload a 4000px wide image if it displays at 800px on your website. The browser downloads the full file and then scales it down, wasting bandwidth and slowing the page. Always resize your images to the actual display size before uploading.

For responsive designs, create 2x versions (e.g., 1600px for an 800px display) to support retina screens, but no larger.

Step 2: Compress Without Visible Quality Loss

After resizing, compress your images to reduce file size further. A quality setting of 75 to 85 percent produces files that look identical to the original on screen while being 50 to 70 percent smaller.

Target file sizes: hero images under 200KB, content images under 100KB, thumbnails under 30KB.

Step 3: Choose the Right Format

• WebP: Best for web — 25 to 35 percent smaller than JPG. Use our WebP Converter
• JPG: Universal fallback for photographs
• PNG: Only when you need transparency
• SVG: For logos and icons (infinitely scalable, tiny file size)

Step 4: Use Descriptive File Names

Rename your files from generic names like IMG_4523.jpg to descriptive names like blue-running-shoes-side-view.jpg. Google reads file names to understand image content. Use hyphens to separate words, keep names lowercase, and include relevant keywords.

Step 5: Write Alt Text for Every Image

Alt text describes the image for screen readers and search engines. Good alt text is specific and descriptive: "Woman running on beach at sunset wearing blue Nike shoes" is much better than "image" or "photo." Include your target keyword naturally when relevant.

Step 6: Implement Lazy Loading

Lazy loading delays loading images until they are about to enter the viewport. This dramatically improves initial page load time because only visible images are loaded first. Add loading="lazy" to your img tags for images below the fold.

Step 7: Use a CDN

A Content Delivery Network serves your images from servers closest to each visitor, reducing latency. Services like CloudFront, Cloudflare, and Fastly cache your images globally so they load fast regardless of where your visitors are located.

Image SEO Checklist

1. Resize to display dimensions (no larger than 2x for retina)
2. Compress to 75 to 85 percent quality
3. Use WebP format with JPG fallback
4. Use descriptive, keyword-rich file names
5. Write unique alt text for every image
6. Add loading="lazy" to below-fold images
7. Serve through a CDN
8. Keep hero images under 200KB

Conclusion

Image optimization is not optional for SEO in 2026. Google rewards fast pages, and images are the biggest opportunity to improve speed. Start by compressing your images, resizing to proper dimensions, and converting to WebP. These three steps alone can cut your page weight by 50 percent or more.