Image Optimization Checklist Generator
Generate a tailored image optimization checklist for your site type.
General website images
Balanced WebP compression for hero banners, page graphics, and landing sections.
Progress: 0 / 14 complete
FormatsHigh
Serve photos as WebP or AVIF with JPEG/PNG fallback
CompressionHigh
Compress images before upload — aim for < 200 KB for heroes, < 150 KB inline
ResponsiveHigh
Provide srcset/sizes so mobile devices download smaller files
LoadingHigh
Add loading="lazy" to below-fold images
LayoutHigh
Set explicit width and height on <img> to prevent layout shift
SEOHigh
Write unique, descriptive alt text for every content image
SEO
Use lowercase hyphenated filenames with keywords (e.g. red-leather-wallet.webp)
Privacy
Strip EXIF/GPS metadata before publishing user photos
Delivery
Serve images from a CDN with cache headers
PerformanceHigh
Preload or prioritize LCP image with fetchpriority="high" — do not lazy-load it
Formats
Optimize SVG icons and illustrations with an SVG minifier
Maintenance
Audit page weight monthly and fix images over budget
PerformanceHigh
Keep homepage hero images under 200 KB and max 1920px wide
Responsive
Use <picture> for art direction on marketing heroes
Related tools
More tools you might find useful in this category.
Image Compressor
Reduce file size without visible quality loss.
Web Image Optimizer
Optimize images for website, blog, e-commerce, social, and mobile with smart presets.
Lossless Image Compressor
Compress PNG and WebP images without any quality loss.
Lossy Image Compressor
Aggressively reduce photo file size with adjustable quality settings.
Image File Size Estimator
Preview compressed file size before downloading. Tune quality and format live.
Compression Comparison Tool
Compare the same image at multiple quality levels with file size stats.