Images have always been a key part of the web. Our brains are able to interpret images much faster than text, which is why high-quality images often help increase conversions, improve user engagement, and add more depth to any web page.
That said, loading images efficiently at scale isn’t a project for a quiet afternoon. It requires mastery of compression techniques and their implications, understanding of image decoding and browser rendering technologies, and a determination to deliver image content faster without sacrificing quality.
This book will equip you with everything you need to optimize how you serve images without slowing down performance.
528 pages. PDF, ePUB, Kindle. Written by Addy Osmani. Shipping will start late May.
About the Book
Images are one of the heaviest, most downloaded resources on the web. Some of the biggest size savings and performance improvements you can make to your website can come through optimizing images. The fewer image bytes a browser has to fetch, the less competition there is for a user’s bandwidth, and the quicker it can download and display content. This book aims to be a practical modern guide to delivering high-quality images on the web with the best performance.
It’s easy to forget to optimize, best practices change, and content that doesn’t go through a build pipeline can easily slip your schedules. So as well as modern approaches to image compression and performance, this book focuses on practical tools and techniques for automating the optimization process.
Along the way are discussions about current and emerging image formats, how browsers load images, content delivery networks, color theory, lazy-loading, and image quality. Image Optimization will help you deliver high-quality responsive images in the best format and size, and at the moment your users need them. This book is packed with helpful tips and tricks, and a sharp focus on practical application using free tools.
Written by Addy Osmani. Illustrated by Espen Brunborg and Nadia Snopek. Reviewers and contributors include Milica Mihajlija, Colin Bendell, Kornel Lesiński, Estelle Weyl, Jeremy Wagner, Tim Kadlec, Nolan O’Brien, Pat Meenan, Kristofer Baxter, Henri (Helvetica) Brisard, Houssein Djirdeh, Una Kravets, Ilya Grigorik, Elle Osmani, Leena Sohoni, Katie Hempenius, Jon Sneyers, and Mathias Bynens.
Table of Contents
- The Humble
- Optimizing Image Quality
- Comparing Image Formats
- Color Management
- Image Decoding Performance
- Measuring Image Performance
- Responsive Images
- Progressive Rendering Techniques
- Optimizing Network Requests with Caching and …
- Lazy-Loading Offscreen Images
- Replacing Animated GIFs
- Image Content Delivery Networks
- HEIF and HEIC
- JPEG XL
- Comparing New Image File Formats
- Delivering Light Media Experiences with Data Saver
- Optimize Images for Core Web Vitals
- Twitter’s Image Pipeline (Case Study)
About the Author
- 528 pages,
- Quality hardcover with stitched binding and ribbon page marker,
- ISBN: 978-3-945749-95-1,
- Shipping will start late May. But of course you can download the eBook (PDF, ePUB, Kindle) and start reading right away.