Image Optimization
豆瓣
Addy Osmani
简介
Addy’s new book focuses on what matters: modern approaches to image compression and image delivery, practical tools and techniques to automate optimization, responsive images, current and emerging image formats, how browsers load, decode and render images, CDNs, lazy-loading, adaptive media loading and how to optimize for Core Web Vitals. Everything in one, single, 528-pages book.
Image Optimization will help you deliver high-quality responsive images in the best format and size, and at the moment when your users need them the most. Packed with useful tips and techniques, the book has a sharp focus on practical application and longevity of your image optimization strategies.
contents
1. The Humble <img> Element
2. Optimizing Image Quality
3. Comparing Image Formats
4. Color Management
5. Image Decoding Performance
6. Measuring Image Performance
7. JPEG
8. PNG
9. WebP
10. SVG
11. Responsive Images
12. Progressive Rendering Techniques
13. Optimizing Network Requests with Caching and Preloading
14. Lazy-Loading Offscreen Images
15. Replacing Animated GIFs
16. Image Content Delivery Networks
17. HEIF and HEIC
18. AVIF
19. JPEG XL
20. Comparing New Image File Formats
21. Delivering Light Media Experiences with Data Saver
22. Optimize Images for Core Web Vitals
23. Twitter’s Image Pipeline (Case Study)