Copy this as a starting pattern, then adapt paths/selectors to your real site and test before release.
<img src="/images/example.webp" width="1200" height="800" style="max-width:100%;height:auto" alt="Descriptive alt text">How to Fix Image elements do not have explicit width and height in WordPress/Shopify (2026) — Copy-Paste Code
WordPress / Shopify / Elementor · Practical diagnosis, safe implementation paths, and verification guidance.
Scan your site with GenesisWhat is Image elements do not have explicit width and height?
Images without intrinsic width and height make it harder for the browser to reserve layout space before the file arrives. That can contribute to layout shift. The fix is to provide real image dimensions while preserving responsive CSS.
Official source: Google PageSpeed — Image elements have explicit width and height
Find the exact page and cause before changing code.
Scan the affected URL and review image markup on templates, cards, logos, and content blocks for missing dimensions.
Run the free read-only scanChoose the repair path that matches your stack.
- Use your CMS image component instead of raw HTML when it automatically outputs intrinsic dimensions.
- Reinsert legacy images through the media library so dimensions are regenerated.
- Avoid CSS that forces conflicting aspect ratios.
- Elementor: use the Image widget rather than custom HTML for standard content images.
- Shopify: use image_tag or theme image settings that output width/height.
- Wix: use native image elements and defined containers instead of custom injected image HTML.
Verify the fix instead of guessing.
Re-run CLS/layout audits and visually compare pages at common breakpoints. Correct dimensions should reserve space without distorting the image.
BEFOREMeasure the affected URLAFTERRe-test the same URL and device class
Common questions
Will width and height make images non-responsive?
No, not if responsive CSS such as max-width:100% and height:auto is retained.
Should dimensions match the displayed size?
They should represent the image's intrinsic aspect ratio; CSS can still scale it responsively.