Image Optimization Optimize images for web performance with modern formats and responsive techniques. Format Selection | Format | Best For | Compression | |--------|----------|-------------| | JPEG | Photos | Lossy, 50-70% reduction | | PNG | Icons, transparency | Lossless, 10-30% | | WebP | Modern browsers | 25-35% better than JPEG | | AVIF | Next-gen | 50% better than JPEG | | SVG | Logos, icons | Vector, scalable | Responsive Images Lazy Loading Build Pipeline (Sharp) Performance Targets | Asset Type | Target Size | |------------|-------------| | Hero image | <200KB | | Thumbnail | <30KB |…