Image Optimization (Print + eBook)

Image Optimization (Print + eBook)

€34,00 €38,00

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

  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 …
  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)

About the Author

Addy Osmani is an engineering manager working on Google Chrome. His team focuses on speed tools and frameworks, helping keep the web fast. Devoted to the open-source community, the projects Addy has contributed to include Lighthouse (an auditing tool for performance and web best practices), Workbox (libraries for offline-caching files using service workers), Yeoman (the web scaffolding tool), Critical (the critical-path CSS optimization tool), and TodoMVC. Addy is the author of the book Learning JavaScript Design Patterns.

Technical Details

  • 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.

Related Products

↑ Back to top