What is image SEO?
Image SEO is the practice of optimising images so search engines can find, understand, and rank them, and so they load quickly for visitors. It covers file names, alt text, file formats, compression, dimensions, placement, sitemaps, and structured data. Well-optimised images can earn traffic from Google Images and Lens, and they speed up every page.
Images do two jobs for SEO. First, they are content in their own right, eligible to appear in Google Images, image packs in web results, and visual search. Second, they are usually the heaviest part of a page, so they have a large effect on loading speed.
This guide covers the eight steps from the original version of this article, updated for 2026. It adds modern formats, Core Web Vitals, and what AI-driven search needs from your images.
Why does image SEO matter in 2026?
Image SEO matters because images drive both discovery and speed. Google explains in its image SEO best practices that it uses the page's content, alt text, file name, and structured data to understand images.
Three trends make it more important now:
- Visual search is mainstream. People search with their camera through Google Lens and shop directly from image results.
- Speed is a ranking signal. The largest image on a page is often the Largest Contentful Paint element, which Google measures as a Core Web Vital.
- AI answers draw on indexed pages. Images with clear alt text and captions add context to the pages that AI features summarise and cite.
Poor images hurt twice. A 3 MB hero photo slows the page for every visitor. A file named IMG_0042.jpg with no alt text tells search engines nothing. Fixing both usually takes minutes per image and pays off across the whole site.
How should you name image files for SEO?
Name image files with short, descriptive words separated by hyphens, describing what the image shows. Google's own example is that "my-new-black-kitten.jpg" is better than "IMG00023.JPG", as stated in its image guidelines.
Follow these rules:
- Describe the subject plainly: "red-leather-office-chair.jpg".
- Use hyphens, not underscores or spaces.
- Keep names short, usually three to six words.
- Avoid keyword stuffing, such as "best-chair-cheap-chair-office-chair.jpg".
- Translate file names for localised pages.
- Make sure the extension matches the real file type.
Rename files before upload. Renaming after publishing changes the image URL, which resets any image search visibility the old URL had.
File names are a small signal on their own. They matter most when combined with alt text and surrounding copy that all describe the same thing. Consistency across those signals helps search engines understand the image with confidence.
How do you write good alt text?
Good alt text describes the image accurately and concisely, in the context of the page, for someone who cannot see it. It serves screen reader users first and search engines second.
Google asks for alt text that is useful and information-rich, uses keywords appropriately, and avoids stuffing. A simple formula works well: subject plus key detail plus context.
| Weak alt text | Better alt text |
|---|---|
| image | Web designer sketching a homepage wireframe |
| chair | Red leather office chair with chrome base |
| seo seo tools seo agency | Search Console Performance report showing clicks |
| (empty on a product photo) | Blue cotton kurta, front view |
Keep most alt text under about 125 characters, since many screen readers read it in full. Leave alt text empty for purely decorative images, such as background patterns, so assistive tech skips them.
Do not start with "image of" or "picture of". Screen readers already announce that it is an image. Put the most important detail first.
Which image format is best for SEO?
For most photos and graphics in 2026, WebP or AVIF is the best format, with JPEG or PNG as a fallback only when needed. Google Search supports BMP, GIF, JPEG, PNG, WebP, SVG, and AVIF, according to its image documentation.
| Format | Best for | Notes |
|---|---|---|
| AVIF | Photos, hero images | Usually the smallest files; encoding is slower |
| WebP | Photos and graphics | Broad browser support, strong compression |
| JPEG | Photos on legacy systems | Universal support, larger files |
| PNG | Screenshots needing lossless quality | Large files for photos |
| SVG | Logos, icons, simple illustrations | Scales perfectly, tiny files |
Google's guide to choosing image formats explains the trade-offs in more depth.
A practical setup is to serve AVIF or WebP through the picture element or a CDN that converts automatically. Keep the original high-resolution file in storage so you can re-export when formats improve.
How do you compress images without losing quality?
You compress images by reducing file size through smarter encoding and correct dimensions, while keeping visible quality acceptable. Most images can shrink dramatically before anyone notices a difference.
Follow these steps:
- Resize first. Never upload a 4000-pixel photo to display it at 800 pixels. Export at roughly the largest size it will be shown, allowing for high-density screens.
- Choose a modern format. Convert to WebP or AVIF where possible.
- Pick a sensible quality setting. For lossy formats, test a few quality levels and compare them side by side at display size.
- Strip metadata that visitors do not need, such as camera details, unless you rely on it for licensing.
- Compare before and after. Zoom to 100% and check edges, text, and gradients.
Our free image compressor shrinks and converts images in a few clicks, so you can check the savings before you publish.
Compression should be part of your publishing routine, not a one-off clean-up. Many CMS platforms and CDNs can automate it once you have chosen your settings.
How do images affect page speed and Core Web Vitals?
Images affect page speed more than almost any other element, because they are often the largest files and the main visible content. The hero image is frequently the Largest Contentful Paint element, which should load within 2.5 seconds.
Use these techniques:
- Always set width and height. Declaring dimensions reserves space and prevents layout shift, protecting your CLS score.
- Lazy-load below-the-fold images. Browser-native lazy loading delays offscreen images, as web.dev explains. Never lazy-load the hero image.
- Prioritise the LCP image. The fetchpriority attribute tells the browser to fetch the most important image early. See web.dev's guide to fetch priority.
- Serve responsive sizes. Use srcset so phones download smaller files than desktops. Google asks that you still include a standard src fallback.
- Use a CDN to serve images from a location close to each visitor.
Slow images are one of the most common findings in a technical SEO audit, and one of the easiest to fix.
How do image sitemaps and structured data help?
Image sitemaps help Google discover images it might otherwise miss, and structured data helps it understand and display them. Neither replaces good on-page signals, but both add clarity.
Image sitemaps. You can list images inside your normal XML sitemap or a separate one. Google's image sitemap guide notes that image URLs can sit on a different domain, which helps sites that serve images from a CDN.
Structured data. Product, Recipe, Article, and other schema types include an image property. Google says this property is required for badges and rich results in Google Images. You can build valid markup quickly with our schema generator.
Licensing metadata. If you license images, Google's image license metadata can show a "Licensable" badge in Google Images.
Also use real img elements for important images. Google states it doesn't index CSS background images.
What else affects how images rank?
Images rank best when they sit on relevant, high-quality pages next to text that explains them. Google says to place images near relevant text and on pages related to the image's subject.
Several on-page factors support that:
- Page title and headings. Google uses the page's title and content to understand images, so a well-written page lifts its images too.
- Captions. Short captions are read more than most body text and add context.
- Original images. Unique photos and diagrams give Google and AI systems something new to show. Stock images appear on thousands of sites.
- Copyright-safe images. Use images you own, have licensed, or that carry a clear free licence. Unlicensed use risks takedown requests.
- Mobile-friendly display. Images should be large enough to view clearly on phones without zooming.
- Stable URLs. Keep image URLs the same over time, so accumulated visibility is not lost.
Treat images as content, not decoration, and they become a traffic source rather than a speed problem.
Frequently asked questions
Does alt text help SEO?
Yes. Alt text is one of the main signals Google uses to understand what an image shows, alongside the file name and surrounding text. It also makes your site accessible to screen reader users. Write concise, accurate descriptions in the context of the page, and avoid stuffing keywords, which Google says can make a site look spammy.
Is WebP or AVIF better for SEO?
Both are supported by Google Search, and neither is a ranking factor on its own. Their benefit is smaller files and faster pages. AVIF often produces the smallest files, while WebP encodes faster and is very widely supported. Many sites serve AVIF first with WebP as a fallback, using the picture element or an automatic CDN.
What size should images be for SEO?
Export images at roughly the largest size they will display, allowing for high-density screens, and serve smaller versions to phones with srcset. Compress them so file sizes stay small without visible quality loss. Features like Google Discover favour large images at least 1,200 pixels wide, so keep high-resolution versions for key article images.
Should I lazy-load all images?
No. Lazy-load images below the fold, but load the main hero image immediately, because it is often the Largest Contentful Paint element. Lazy-loading the hero delays it and can hurt your Core Web Vitals. Use native lazy loading for offscreen images and fetchpriority to prioritise the most important visible image.
Do I need an image sitemap?
Not always. If your images appear in normal img elements on crawlable pages, Google can usually find them. Image sitemaps help most when images load through JavaScript, sit on a CDN domain, or live on pages Google rarely crawls. Adding image entries to your existing sitemap is simple and low risk.
Can images help me appear in AI Overviews?
Images can appear alongside AI-generated answers when they come from indexed pages that match the query. There is no special image markup for AI features. Use original, relevant images on well-written pages, with descriptive alt text and captions. That combination helps both Google Images and AI features understand what each image shows.