What do you think?
Rate this book
Image Optimization
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 visuals drive conversions and user engagement.That said, loading images efficiently at scale isn’t a little project for a quiet afternoon. It requires understanding of compression techniques, loading behavior, image decoding and image CDNs, adaptive media loading and caching.This book will equip you with everything you need to know to optimize how you compress, serve and maintain images — boosting performance along the way.
About the BookNext to videos, images are the heaviest, most requested assets on the web. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. The fewer bytes a browser has to fetch, the less competition there is for a user’s bandwidth, and the quicker that critical image can be displayed, along with page’s content.With the new Smashing book, Addy Osmani provides a practical modern guide to delivering high-quality images on the web — from formats and compression to delivery and maintenance.The book focuses on what 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.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 ContentsThe Humble ElementOptimizing Image QualityComparing Image FormatsColor ManagementImage Decoding PerformanceMeasuring Image PerformanceJPEGPNGWebPSVGResponsive ImagesProgressive Rendering TechniquesOptimizing Network Requests with Caching and PreloadingLazy-Loading Offscreen ImagesReplacing Animated GIFsImage Content Delivery NetworksHEIF and HEICAVIFJPEG XLComparing New Image File FormatsDelivering Light Media Experiences with Data SaverOptimize Images for Core Web VitalsTwitter’s Image Pipeline (Case Study)
About the BookNext to videos, images are the heaviest, most requested assets on the web. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. The fewer bytes a browser has to fetch, the less competition there is for a user’s bandwidth, and the quicker that critical image can be displayed, along with page’s content.With the new Smashing book, Addy Osmani provides a practical modern guide to delivering high-quality images on the web — from formats and compression to delivery and maintenance.The book focuses on what 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.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 ContentsThe Humble ElementOptimizing Image QualityComparing Image FormatsColor ManagementImage Decoding PerformanceMeasuring Image PerformanceJPEGPNGWebPSVGResponsive ImagesProgressive Rendering TechniquesOptimizing Network Requests with Caching and PreloadingLazy-Loading Offscreen ImagesReplacing Animated GIFsImage Content Delivery NetworksHEIF and HEICAVIFJPEG XLComparing New Image File FormatsDelivering Light Media Experiences with Data SaverOptimize Images for Core Web VitalsTwitter’s Image Pipeline (Case Study)
- GenresTechnologyWebsite Design
515 pages, Kindle Edition
Published June 8, 2021
6 people are currently reading
78 people want to read
About the author
Addy Osmani
24 books241 followersAddy Osmani is a Senior Staff Engineering Manager working on Google Chrome. He leads up teams focused on making the web fast and low-friction to build on for developers. Addy has authored a number of books and has spoken at conferences around the world.
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 - 2 of 2 reviews
February 22, 2022
This book is let down by, unfortunately, the images. Many of them are screenshots with large amounts of text squeezed down to 85mm wide and are practically unreadable. Image comparisons are similarly shrunk past the point they could be distinguished.
October 29, 2022
Want to read about Image Optimization? Visit Freeimgtools.com.
Displaying 1 - 2 of 2 reviews