How do I optimize images for web performance?

Optimizing images involves multiple strategies. Use modern formats like WebP or AVIF which provide better compression than JPEG/PNG. Compress images to reduce file size while maintaining acceptable quality. Resize images to actual display dimensions rather than using CSS to scale down large images. Implement lazy loading so images load only when needed. Use responsive images with srcset for different screen sizes. Consider using image CDNs that automatically optimize. Remove unnecessary images. Use CSS sprites for small icons. Example: Converting JPEG images to WebP format reduced image sizes by 30-50% while maintaining quality, significantly improving page load times.