Oversized Image Dimensions

What This Means

An image is being served at intrinsic dimensions significantly larger than its rendered display size. For example, a 3000×2000px image displayed at 600×400px — the browser downloads 25 times more pixels than needed for the display.

Why It Matters for SEO

Every extra pixel downloaded but not displayed is wasted data transfer. This inflates the page weight unnecessarily, slowing load times and increasing data usage for mobile users on metered connections. Serving images at correct display dimensions is one of the most reliable ways to reduce page weight without any visible quality impact.

What the Platform Checks

The platform compares each image's intrinsic pixel dimensions against its rendered display dimensions (accounting for the device's pixel ratio). Fires when the intrinsic dimensions significantly exceed what is needed for the rendered display context.

How to Fix It

• Resize images to their maximum rendered display size before uploading.
• Use srcset to serve different image sizes for different screen widths and device pixel ratios.
• For responsive images:

<img src="image-800.jpg"\n     srcset="image-400.jpg 400w, image-800.jpg 800w, image-1200.jpg 1200w"\n     sizes="(max-width: 400px) 400px, (max-width: 800px) 800px, 1200px"\n     alt="Description">

• CDN image processing services can resize images dynamically based on the requested size — eliminating the need to pre-generate multiple size variants.