The image optimization checklist

Run every image through this list before it goes live. It takes about a minute per image and covers everything that affects speed, accessibility, and search visibility. Each step links to a free tool that does the work.

Before you upload

• Rename the file descriptivelyUse lowercase words separated by hyphens that describe what's in the image — not IMG_2043.jpg.
• Crop to the right compositionRemove dead space and frame the subject. Use the crop tool with aspect-ratio presets so it fits your layout cleanly.
• Resize to display dimensionsNever upload a 4000 px image to show it at 800 px. Scale it down first with the resizer (or use a preset).
• Convert to a modern formatTurn JPG/PNG into WebP for 25–35% smaller files at the same quality.
• Compress itRun it through the compressor and target under ~150 KB where quality allows. Check the before/after preview.

When you add it to the page

• Write meaningful alt textDescribe the image in a natural sentence for screen readers and search engines. Skip "image of…".
• Set width and height attributesThis reserves space and prevents layout shift (a Core Web Vital).
• Lazy-load below-the-fold imagesAdd loading="lazy" so off-screen images don't block the initial load.
• Keep your LCP image smallYour largest above-the-fold image should be the most aggressively optimized one on the page.

Why each step matters

Every item here maps to a real ranking or UX signal — we break down the mechanics in how images affect SEO. And if you want the full strategy rather than just the checklist, start with the complete image SEO guide.