Image Dimensions Set
Checks that images have width/height attributes to prevent CLS.
What this check measures
We count <img> tags without width/height attributes. Missing dimensions cause layout shift (CLS) as images load and push content around.
Why it matters
Images without dimensions are the #1 cause of CLS — browser reserves zero space, then jumps when the image loads. Google penalizes sites with CLS > 0.1.
How our audit detects it
Count <img> tags missing width or height attributes.
Typical findings
- error_outlineContent images in a CMS-generated blog have no dimensions.
- error_outline<img> with only width — browser still calculates height dynamically.
How to fix
Add raw width and height to every <img>. For responsive sizing, combine with CSS `height: auto` and `max-width: 100%`. Next.js Image sets dimensions automatically.
Frequently asked questions
Do I need dimensions on background images?expand_more
Want this checked on your site?
Pantra runs the full audit (SEO, Security, GEO, Performance, Schema, Technical, Images) in 10 seconds and generates stack-specific fix prompts.
Scan my siteRelated checks
LCP (Largest Contentful Paint)
Checks Largest Contentful Paint — how fast the main content appears. Target under 2.5s.
PerformanceCLS (Cumulative Layout Shift)
Checks Cumulative Layout Shift — how much the page jumps during load. Target under 0.1.
PerformanceINP (Interaction to Next Paint)
Checks Interaction to Next Paint — responsiveness to clicks/taps. Target under 200ms.
PerformanceFCP (First Contentful Paint)
Checks First Contentful Paint — when the first text or image appears. Target under 1.8s.