Images are the heaviest thing on most pages — and one of the most under-optimized. Here is how to turn them from a ranking liability into an SEO asset, step by step.

On the average web page, images account for more bytes than HTML, CSS and JavaScript combined. That makes them the single biggest lever you can pull on loading speed — and loading speed is woven directly into how Google evaluates your pages through Core Web Vitals. The good news: image SEO is one of the few ranking areas where a few hours of work produces measurable, permanent improvement.

How images actually affect rankings

Search engines do not “see” your photos the way visitors do. They evaluate proxies: file weight, delivery speed, alt text, contextual captions, structured data. Each proxy is small; together they decide whether your page feels fast and relevant or sluggish and generic.

The metric that matters most is Largest Contentful Paint (LCP) — and on most pages, the LCP element is an image. A hero photo that loads in 4.5 seconds versus 1.8 seconds can be the difference between passing and failing the assessment.

The five pillars of image SEO

1. Choose the modern format

WebP delivers 25–35% smaller files than JPEG at equivalent quality, and AVIF goes further still. Converting an existing library is mechanical: the WebP converter and AVIF converter handle entire batches, with PNG/JPEG fallbacks where needed. If you need help choosing, the format comparison covers the trade-offs in depth.

2. Compress — properly

Compression is not one setting but a decision per role: hero images deserve quality 80–85, thumbnails live happily at 60–70. The compress tool lets you preview the trade-off and process everything in bulk. As a target: hero images under 200 KB, thumbnails under 30 KB.

3. Resize to real display dimensions

Serving a 4000-pixel-wide photo into a 800-pixel container is the most common and most wasteful mistake on the web. Resize to the largest size actually displayed (the resize tool does exact dimensions in bulk) and let responsive srcset handle in-between sizes.

4. Write alt text for humans first

Alt text exists for screen readers; search engines read it as a relevance signal precisely because it serves accessibility. Describe what the image shows in natural language. “Golden retriever catching a frisbee at the beach” beats “dog img final v2” — every time.

5. Load images lazily — except the hero

Native loading="lazy" defers off-screen images and improves initial load dramatically. But never lazy-load your LCP hero image: deferring the very element that defines your score is self-sabotage.

A workflow for existing sites

Audit. Run PageSpeed Insights and note image-related flags (properly size images, serve modern formats, efficient encoding).
Fix the homepage and top templates first. They carry the most traffic and define crawl impressions.
Bulk-convert and compress. Export your media library, run it through optimizer pipelines, re-upload.
Upgrade alt text in priority order. Start with pages that rank on page two — small relevance wins move them fastest.
Re-measure after two weeks. Core Web Vitals field data lags; give changes time to register.

Common mistakes that quietly cost rankings

Uploading camera-original 5 MB JPEGs straight into a CMS.
Decorative images without alt="", forcing screen readers to read file names aloud.
Renaming images “IMG_4021.jpg” instead of “handmade-oak-coffee-table.jpg” — file names are a (small) relevance signal too.
Serving images from a slow origin without caching headers or a CDN.

Frequently asked questions

Does image optimization affect rankings directly?

Speed signals feed into Google’s page-experience evaluation, and fast pages convert and engage better — both of which correlate with rankings. Treat image SEO as a compounding advantage rather than a single switch.

Is WebP safe for all browsers?

Yes for modern usage — Safari, Chrome, Firefox and Edge all support it. For legacy compatibility, keep JPEG fallbacks or use a <picture> element.

How small should my images be?

Practical targets: under 200 KB for heroes, under 100 KB for in-content photos, under 30 KB for thumbnails. The quality analyzer shows where each file stands.

Final thoughts

Image SEO rewards systems over one-off fixes. Convert once to a modern format, compress to role-appropriate quality, resize to reality, describe your images honestly — then repeat the pipeline for every new batch. The free Pixly tools cover every step, and none of them require a plugin, subscription or account.

Image Optimization for SEO: Rank Higher with Faster Images