How to Fix: Images not scaled by HTML

Images not scaled by HTML is an important SEO check in the Image SEO category. This is a medium-priority issue. While not urgent, it is one of the most common quiet drags on page speed I see on real WordPress sites — a 3000px image squeezed into a 400px slot, downloaded in full every time.

What is This Check About?

This check flags images that are displayed much smaller than their actual file dimensions, shrunk down by HTML or CSS rather than served at the size they are shown. If a photo is 3000 pixels wide but rendered in a 400-pixel column, the browser still downloads the entire 3000-pixel file and then throws most of it away. The visitor pays for pixels they never see.

Note the direction the name points: the problem is images that are scaled down by HTML. The fix is to serve an image close to its display size so nothing is wasted.

Why Does This Matter for SEO?

Oversized images are a page-speed and Core Web Vitals problem, and speed is a ranking factor:

• Downloading pixels that are never displayed wastes bandwidth and slows the page for no benefit
• Large images are a leading cause of a poor Largest Contentful Paint score, a Core Web Vitals metric Google measures
• The cost lands hardest on mobile and slower connections, exactly where impatient users bounce
• Faster pages hold visitors longer and convert better, which feeds back into rankings

How to Check This Issue

Find the offenders before you fix them:

1. Run key pages through PageSpeed Insights and look for the “Properly size images” opportunity
2. In browser DevTools, inspect an image and compare its natural (intrinsic) size to its displayed size
3. Watch for images whose file dimensions are several times larger than the slot they sit in
4. Check hero images and logos first — they are the usual culprits and the most visible

How to Fix This in WordPress

Difficulty Level: MEDIUM – This fix requires some technical knowledge or familiarity with WordPress settings and plugins.

Estimated Time: varies

Step 1: Let WordPress Serve Responsive Sizes

WordPress already generates multiple image sizes and outputs srcset so browsers can pick the right one. The trick is to insert images through the editor at appropriate sizes rather than dropping in the full-size original. When you add an image, choose a sensible size, not “Full,” unless the layout genuinely needs it.

Step 2: Regenerate and Right-Size Existing Images

For images already in place, resize the source files to something reasonable before re-uploading, and use a plugin to regenerate thumbnails so the correct intermediate sizes exist. There is no reason to store a 5000-pixel photograph that never displays wider than 1200.

Step 3: Add Compression and Modern Formats

An image-optimization plugin compresses files and serves WebP or AVIF where the browser supports it, cutting weight further on top of correct sizing. Sizing and compression together are what move the LCP number.

Step 4: Verify

1. Clear your WordPress cache if you’re using a caching plugin
2. Re-run PageSpeed Insights and confirm the “Properly size images” flag is gone
3. Re-run the SEO Roadmap audit to confirm the issue is resolved

Recommended Tools & Plugins

These tools can help you fix and prevent this issue:

• Yoast SEO – Comprehensive SEO plugin with built-in checks
• Rank Math – Feature-rich SEO plugin with detailed analysis
• Google Search Console – Free tool to monitor your site’s search presence
• SEO Roadmap – Complete SEO audit and action plan tool

Common Mistakes to Avoid

• Inserting full-size originals and relying on CSS to shrink them
• Uploading multi-thousand-pixel images that no layout ever displays at full width
• Disabling WordPress responsive image markup and hard-coding a single large source
• Compressing so aggressively that visible images turn muddy

Need More Help?

If you’re still having trouble, consider:

• Reviewing Google’s guidance on properly sized images and Core Web Vitals
• Consulting a WordPress developer to tune your theme’s image sizes
• Reviewing your image-optimization plugin’s documentation
• Running a complete site audit with SEO Roadmap for a prioritized action plan

This guide is part of the SEO Roadmap knowledge base – your complete resource for WordPress SEO optimization.