Image Optimization for AEO: Why Visuals Affect Citations
Image optimization for AEO goes beyond SEO basics of file size and alt text - it includes schema markup (ImageObject), contextual placement within answer sections, and caption quality as AI context signals. Pages with well-optimized images have higher engagement metrics, stronger visual citation potential in AI Overviews, and better Core Web Vitals scores that contribute to the overall quality assessment Google uses for AI citation selection. For visual search queries (image packs, product images), image optimization is the primary citation mechanism.
Image Optimization Impact Data
25–35%
Smaller file size with WebP
WebP achieves 25–35% smaller file sizes than JPEG at equivalent visual quality, directly improving LCP Core Web Vitals scores
3.2×
Higher image pack citations
Pages with ImageObject schema receive 3.2× more AI image citations than equivalent pages with alt text only
47%
Of AI Overviews include images
Nearly half of Google AI Overviews include an image citation alongside the text answer - making image optimization a direct AI citation opportunity
Five Image Optimization Signals
ImageObject Schema Template
Complete ImageObject JSON-LD for AEO-optimized images
{
"@context": "https://schema.org",
"@type": "ImageObject",
"@id": "https://acme.com/blog/faq-schema-guide/#hero-image",
"name": "FAQPage Schema Implementation Example",
"description": "Screenshot showing FAQPage JSON-LD schema markup added to a WordPress page using the Yoast SEO plugin FAQ block, with the resulting rich result preview in Google Search Console.",
"url": "https://acme.com/images/faqpage-schema-example.webp",
"contentUrl": "https://acme.com/images/faqpage-schema-example.webp",
"width": 1200,
"height": 630,
"creator": {
"@type": "Organization",
"name": "Acme SEO Tools"
},
"datePublished": "2026-02-01",
"license": "https://creativecommons.org/licenses/by/4.0/"
}Core Web Vitals: Image Performance Requirements
Largest Contentful Paint (LCP)
Target: Under 2.5 seconds
Lazy-load all images below the fold. Preload the hero/featured image with <link rel='preload'>. Use WebP format. Serve via CDN.
Cumulative Layout Shift (CLS)
Target: Under 0.1
Always specify width and height attributes on all img elements. This reserves layout space before the image loads, preventing layout shift.
Image file size
Target: Under 200KB per image
Compress all images to under 200KB using tools like Squoosh or Sharp. Hero images should be under 150KB. Thumbnail images: under 50KB.
Responsive images
Target: Correct sizes for each breakpoint
Use the srcset attribute to serve different resolution images to different device sizes. A 1200px image served to a 400px mobile screen wastes 3× the bandwidth.
Common Image Mistakes That Reduce AI Citations
Decorative images with keyword-rich alt text
Decorative images (borders, backgrounds, spacers) should have empty alt='' - keyword-stuffed alt on decorative images is treated as irrelevant text noise by AI systems.
Images embedded in iframes or JavaScript-heavy components
AI crawlers often cannot execute JavaScript to render images in JS-dependent image galleries. Use standard img elements with src attributes for AI-citable images.
No captions on illustrative screenshots
Add a visible caption below every screenshot or diagram. Captions increase image context confidence for AI image citation by 2.1× (Merkle image study 2025).