Images are critical for SEO success. They affect page speed, user engagement, and even search rankings directly. This guide covers everything you need to optimize images for search engines.
Google's Core Web Vitals are critical ranking signals. Images directly impact two of them:
Measures loading performance. Large hero images are often the LCP element. Target: under 2.5 seconds.
Tip: Preload your hero image, use modern formats (WebP/AVIF), and optimize image file size.
Measures visual stability. Images without dimensions cause layout shifts. Target: under 0.1.
Tip: Always set width and height attributes on images to reserve space.
Measures responsiveness. While not directly image-related, heavy images can block main thread. Target: under 200ms.
Tip: Use lazy loading for below-fold images to reduce initial page load.
Alt text (alternative text) helps search engines understand your images and improves accessibility.
alt="Red running shoes with white sole"alt="Team celebrating product launch in office"alt="How to tie a Windsor knot diagram"alt="image1.jpg" - Never use filenamesalt="photo" - Too vaguealt="" - Empty alt for decorative images onlyalt="red running shoes, sneakers, footwear, sports shoes" - Keyword stuffingPro Tip:
Write alt text as if describing to someone on the phone. Be specific but natural. Include relevant keywords when appropriate, but never sacrifice readability for SEO.
| Image Type | Target Size | Recommended Format | Quality |
|---|---|---|---|
| Hero/Banner | < 200KB | WebP / JPEG | 75-80% |
| Blog Featured Image | < 100KB | WebP / JPEG | 70-75% |
| Product Images | < 80KB | WebP / JPEG | 70-80% |
| Thumbnails | < 30KB | WebP / JPEG | 60-70% |
| Logos/Icons | < 10KB | SVG / PNG | Lossless |
| Infographics | < 500KB | PNG / WebP | High |
Create a separate sitemap for images or add image entries to your existing sitemap. This helps Google discover images that might not be easily crawlable.
Use Schema.org ImageObject markup to provide additional context about your images to search engines.
Content Delivery Networks serve images from servers closest to users, reducing latency and improving load times globally.
Serve different image sizes to different devices. Mobile users get smaller images, desktop users get higher quality.
Compress your images for free and improve your website's performance.
Compress Images NowICompressImg
This tool performs compression locally in your browser. Your images are not uploaded to any server.
© 2026 iCompressImg. All rights reserved.
Other Links
Contact Us
support@icompressimg.comICompressImg
This tool performs compression locally in your browser. Your images are not uploaded to any server.
© 2026 iCompressImg. All rights reserved.
Other Links
Contact Us
support@icompressimg.com