Image width + height Set
Checks every <img> has explicit width and height attributes.
What this check measures
We count <img> tags without width or height. Same concept as perf-img-dimensions but from the images-module perspective — catches the finding at both levels.
Why it matters
Missing dimensions cause CLS (Cumulative Layout Shift) — images load, page jumps, user clicks wrong element. CLS is a ranking signal and a user-hate signal.
How our audit detects it
Count <img> tags missing width or height attributes.
Typical findings
- error_outlineBlog post images rendered via markdown — no dimensions.
- error_outline<img> has only width, height auto — still causes CLS on load.
How to fix
Set raw width + height on every <img>. CSS `height: auto` + `max-width: 100%` for responsive. Next.js Image handles this automatically.
Frequently asked questions
aspect-ratio CSS enough?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
All Images Have Alt
Checks that every <img> has an alt attribute (empty or descriptive).
ImagesDescriptive Alt Text
Checks that alt text is meaningful — not "image", "photo", or the filename.
ImagesOG Image Present
Checks that every page has a valid og:image for social sharing previews.
ImagesOG Image Dimensions
Checks that og:image is ≥ 1200×630 — optimal for all social platforms.