[{"_1":2,"_64":-5,"_65":-5},"loaderData",{"_3":4,"_33":34,"_62":-5,"_63":-5},"root",{"_5":-5,"_6":-5,"_7":8,"_20":-5,"_21":22,"_23":24,"_27":28},"user","shoppingCartId","shoppingCart",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":12},"count",0,"free",true,"updatedAt","2025-12-22T16:44:13.009Z","paymentGateway","STRIPE","cartItems",[],"loading","toast","locale","en","constants",{"_25":26},"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","publishers",{"_29":30,"_31":32},"companies",[],"universities",[],"routes/_store+/_readers+/email_author.$slug/route",{"_35":36,"_61":-5},"book",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvMjkyMTc","title","Essential Image Optimization","state","retired","contactAuthorMethod","email","aboutText","

Optimizing images can offer some of the biggest size savings and performance improvements to your website. The fewer image bytes a browser has to fetch, the less competition there is for a user’s bandwidth and the quicker a browser can download and display content on the display.

This book focuses on practical tools and techniques for automating image optimization as much as possible.

What you'll learn:

Explore why image optimization is important
Dive into JPEGs, PNGs, WebP, SVG, lossy and lossless compression
Learn tips and tricks for what tools to use for automating your image optimization easily
Discover how modern JPEG encoders like MozJPEG and Guetzli can shrink your images even more
Understand techniques for intelligently loading images as they are needed, like lazy-loading
Examine how browsers process images and how this can be expensive on mobile
Understand the pros and cons of self-optimization vs using a third-party CDN

When considering image optimization, remember that the fastest request is the one that doesn’t need to be made. Ask yourself whether an image is required to deliver a good user experience. Images you can eliminate will always be the best optimization strategy. If an image is needed, there are many techniques covered in this book that can reduce the number of bytes required to deliver them.

","authors",[49],{"_37":50,"_51":52,"_5":53},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci8zMDU0MQ","name","Addy Osmani",{"_54":55},"avatar",{"_56":57,"_58":59,"_60":12},"url","https://d39qdlcrvnra4b.cloudfront.net/avatars/138823/medium/31.jpg?1764555710","styleName","medium","exists","currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the Author