Images not responsive for mobile — the fix
One or more images on this page do not use responsive techniques (srcset, sizes, or CSS max-width) and may display at inappropriate sizes on mobile devices.
Where this fits: mobile in SEO
Google indexes the mobile version of your site — desktop is the afterthought, not the other way round. Mobile issues (missing viewport, tap targets too close, content wider than the screen, intrusive interstitials) directly gate rankings for every query. With most traffic on phones, a mobile problem is not a subset of your audience — it is your audience.
Why images not responsive for mobile hurts your rankings
Non-responsive images can overflow the viewport on mobile, cause layout issues, or force the browser to download unnecessarily large files. This impacts both mobile usability (Google's mobile-friendly assessment) and performance (Core Web Vitals), both of which affect mobile search rankings.
This is a medium-severity issue: individually modest, but it compounds — dozens of medium issues across hundreds of pages add up to a real quality deficit in how search engines assess the site.
How to fix it
Add max-width: 100% and height: auto to images via CSS. Use srcset and sizes attributes to serve appropriately sized images for each device. Use the <picture> element for art direction across breakpoints.
img {
max-width: 100%;
height: auto;
}Mobile best practices
- Ship a correct viewport meta tag on every page — it is one line and it gates everything.
- Keep tap targets ≥ 44×44px with real spacing between them.
- Never let content overflow the viewport horizontally.
- Test on a real mid-range phone over 4G, not just desktop devtools.
- Avoid intrusive interstitials — Google demotes pages that greet mobile users with a wall.
The full library: SEO best practices, by category.
Frequently asked questions
What does "Images not responsive for mobile" mean?
One or more images on this page do not use responsive techniques (srcset, sizes, or CSS max-width) and may display at inappropriate sizes on mobile devices.
Why does images not responsive for mobile matter for SEO?
Non-responsive images can overflow the viewport on mobile, cause layout issues, or force the browser to download unnecessarily large files. This impacts both mobile usability (Google's mobile-friendly assessment) and performance (Core Web Vitals), both of which affect mobile search rankings.
How do I fix images not responsive for mobile?
Add max-width: 100% and height: auto to images via CSS. Use srcset and sizes attributes to serve appropriately sized images for each device. Use the <picture> element for art direction across breakpoints.
How serious is this issue?
This is a medium-severity issue: individually modest, but it compounds — dozens of medium issues across hundreds of pages add up to a real quality deficit in how search engines assess the site. It belongs to the mobile family of checks.
How do I find every page affected by this on my site?
Run a free Dr Urls audit: it crawls your site, detects images not responsive for mobile on every affected page, shows example URLs, and generates a ready-to-use fix task. Re-scan after fixing to verify the issue is gone.
Does your site have this issue?
A free Dr Urls audit crawls your site, finds every page affected by images not responsive for mobile, and hands you a ready-made fix task.
Check my site free