Image dimension sizing (width/height, aspect-ratio) and Cumulative Layout Shift

Explicit width and height attributes (72.0%), CSS aspect-ratio (3.5%), and unsized <img> tags (82.5%): how reserving image boxes moves Cumulative Layout Shift.

Field data PhoneDesktopAll Scope All sites October 2026 edition · All devices field outcomes

72.0% of sites use explicit width and height image dimension sizing, and 89% of those sites have a good CLS, against 88% of all sites.

The State of Web Vitals · October 2026 · 212,308 crawled sites · 197,524 with all devices field data · 195,226 sites with image dimension sizingBy Arjen Karel · corewebvitals.io/state-of-cwv
1

CLS pass rate

Sites with explicit width and height image dimension sizing have a good CLS most often: 89%, against 88% of all sites. Sites with CSS aspect-ratio image dimensions have it least often, at 84%.

SitesGood, needs improvement, poor CLSMedian
All sites197,52488%0.00
Explicit width & height attributes 72.0%135,30289%0.00
Unsized <img> (no width/height or aspect-ratio) 82.5%155,22087%0.00
CSS aspect-ratio only 3.5%6,67284%0.01
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · 212,308 crawled sites · 197,524 with all devices field data · 195,226 sites with image dimension sizingBy Arjen Karel · corewebvitals.io/state-of-cwv
2

Image dimension sizing usage

Unsized <img> is the most used: 82.5% of sites. Explicit width and height is 72.0% of sites.

Sites using each option (sites can use more than one) 195,226 sites
Unsized <img> (no width/height or aspect-ratio) 82.5% Explicit width & height attributes 72.0%
Unsized <img> (no width/height or aspect-ratio) 82.5% Explicit width & height attributes 72.0% CSS aspect-ratio only 3.5%
The State of Web Vitals · October 2026 · 212,308 crawled sites · 197,524 with all devices field data · 195,226 sites with image dimension sizingBy Arjen Karel · corewebvitals.io/state-of-cwv
3

Understanding image dimension sizing

How browsers compute intrinsic aspect ratios from HTML width and height

User-agent stylesheets map HTML width and height attributes directly to an internal aspect-ratio property before the image file downloads. Across the web, 72.0% of sites size images with HTML width and height (89% good CLS), while 82.5% still include at least one unsized <img> (87% good CLS) and 3.5% use CSS aspect-ratio without HTML attributes (84% good CLS).

Set explicit width and height attributes on every <img> element so the browser reserves its aspect ratio before stylesheets or image bytes arrive. Across all audited sites, 72.0% include explicitly sized images (89% good CLS), whereas 82.5% still ship at least one unsized image (87% good CLS) and 3.5% rely solely on CSS aspect-ratio (84% good CLS).

The State of Web Vitals · October 2026 · 212,308 crawled sites · 197,524 with all devices field data · 195,226 sites with image dimension sizingBy Arjen Karel · corewebvitals.io/state-of-cwv
Platform & Framework Takeaways

How image dimension sizing plays out per platform

What the field data shows when you isolate a single CMS or framework.

WordPress 65,604 sites
92.2% size content images (89% good CLS)

WordPress sets width and height on 92.2% of sites, while 74.4% also have unsized images.

WordPress core adds width and height attributes to media library images with wp_img_tag_add_width_and_height_attr(). Across WordPress, 92.2% of sites include explicitly sized images (89% good CLS) and 74.4% include at least one unsized <img> (88% good CLS).

Read the WordPress image dimensions breakdown →
Shopify 8,609 stores
95% vs 93% good CLS (sized vs unsized images)

Shopify stores include width and height on 89% of storefronts (95% good CLS).

Shopify's Liquid image_tag filter outputs width and height attributes by default based on image dimensions. Across Shopify, 89.2% of stores have explicitly sized images (95% good CLS) and 73.6% also have unsized images (93% good CLS).

Read the Shopify image dimensions breakdown →
React & Next.js 9,590 sites
93% vs 84% good CLS (width/height vs CSS aspect-ratio)

React sites with HTML width/height (88.2%) pass CLS 9 points more often than sites with CSS-only aspect-ratio (5.0%).

Next.js <Image> requires width and height props unless fill is set. Across React sites, 88.2% include HTML width and height attributes (93% good CLS) and 5.0% use CSS aspect-ratio (84% good CLS).

Related signals Fonts per page → DOM size → Bytes by resource type → Images per page → By Arjen Karel · 212,308 crawled sites (197,524 with all devices Chrome field data, 195,226 sites with image dimension sizing, October 2026) · How we measured