PROFESSIONALLY OPTIMIZED WEBSITES STARTING AT $995
Our team of SEO Web Design gurus are standing by to assist you achieve your online marketing goals.

+1-971-599-3330

REQUEST QUOTE
SEO Web Design, LLC aims to improve business by delivering effective solutions based on innovative technologies and professional designs. Discover the variety of services we offer and convince yourself on the basis of the latest works that we've done. We love building fresh, unique and usable websites optimized specifically for your niche.

Responsive Web Design

SEO / SEM / Social Media

Conversion Rate Optimization

Email Marketing

Online Presence Analysis

Web Hosting
Top
SEO Web Design, LLC / Web Design  / From AVIF to WebP: A New Smashing Book By Addy Osmani

From AVIF to WebP: A New Smashing Book By Addy Osmani

Meet our new book, “Image Optimization”, a deep-dive guide to understand how to deliver high-quality images on the web fast. 528 pages. From formats and compression to delivery and maintenance. Jump to details and get the book right away.[1][2]

Images have been a key part of the web for decades. We interpret images much faster than text, which is why high-quality visuals drive conversions and user engagement. To be effective, all these images need to be carefully orchestrated to appear on the screen fast — but as it turns out, loading images efficiently at scale isn’t a project for a quiet afternoon.

Image optimization, loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Let’s figure it all out.

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani[3], an engineer manager working on Google Chrome who was working all around web performance for decades. The result is a book with everything you need to optimize your images and display them fast, without being slowed down along the way.

Image Optimization

Print + eBook

$ 44.00

Quality hardcover. Free worldwide shipping[4]. 100 days money-back-guarantee.

eBook

$ 19.00

DRM-free, of course. ePUB, Kindle, PDF.
Included with Smashing Membership[5].

About The Book

Next 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. So how do we encode, deploy, serve and maintain images over time? Our new book explores just that. Check free PDF preview[6] (3MB).

Image Optimization
Meet our new book “Image Optimization”[7] with everything you need to know to get images on the web right.

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. Jump to table of contents ↓[8]

We are so happy, excited, humbled and honored to publish Addy Osmani’s new book. A few words from Addy himself about the book.

You’ll learn:

  • image formats,
  • image compression,
  • improve image rendering,
  • prepare images for a variety of resolutions,
  • automate image optimization,
  • image maintenance,
  • lazy-loading and techniques like SQIP,
  • image CDNs, and how to set up one,
  • AVIF, JPEG XL, and HEIF, their pros and cons,
  • Core Web Vitals and how to optimize for them,
  • adaptive image delivery for network conditions.
Image Optimization
A sneak-peek inside the book, with 528 pages on everything image optimization. Large view[9].

Table Of Contents

Images help us tell a story and better engage with our customers. There is no shortage of high-quality photos around us, but how to do we encode, deploy, serve and maintain them?

The 23 chapters of our shiny new book explore just that.

1. The Humble <img> Element

+

2. Optimizing Image Quality

+

3. Comparing Image Formats

+

4. Color Management

+

5. Image Decoding Performance

+

6. Measuring Image Performance

+

+

+

+

+

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

+

+

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)

+

528 pages. You can start reading the eBook immediately[10] (PDF, ePUB, Amazon Kindle). The printed books are shipping worldwide. Written by Addy Osmani. Illustrations by Espen Brunborg and Nadia Snopek.

Image Optimization

Print + eBook

$ 44.00

Quality hardcover. Free worldwide shipping[11]. 100 days money-back-guarantee.

eBook

$ 19.00

DRM-free, of course. ePUB, Kindle, PDF.
Included with Smashing Membership[12].

About the Author

Addy OsmaniAddy Osmani is an engineering manager working on Google Chrome. His team focuses on speed, helping keep the web fast. Devoted to the open-source community, Addy’s past open-source contributions include Lighthouse[13] (an auditing tool for performance and web best practices), Workbox[14] (libraries for offline-caching files using service workers), Yeoman[15] (the web scaffolding tool), Critical[16] (the critical-path CSS optimization tool), and TodoMVC[17]. Addy is the author of the book Learning JavaScript Design Patterns[18].

Reviews and Testimonials

Katie Hempenius“An incredibly comprehensive overview of image optimization. This book will teach you everything you need to know about delivering effective and performant images on the web.”

Katie Hempenius[19], Google

Mathias BynensOptimizing image delivery is key to building high-performance web apps. This book explains everything developers should know about choosing the right image format, compressing image assets — and more!”

Mathias Bynens[20], Google

Colin Bendell“Images are the heart and soul of the web; they help create that emotional connection with humans. Yet, it is really easy to ruin that experience through slow loading or worse, over quantizing the pixels and distorting images. Understanding how images work is essential for every engineer; the last thing we want is to deal with open bugs from bad creative or performance experiences.”

Colin Bendell[21], Shopify

Technical Details

Community Matters ❤️

Producing a book takes quite a bit of time, and we couldn’t pull it off without the support of our wonderful community. A huge shout-out to Smashing Members for the kind, ongoing support. The eBook is and always will be free for Smashing Members[24]. Plus, Members get a friendly discount when purchasing their printed copy. Just sayin’! 😉

Stay smashing, and thank you for your ongoing support, everyone!

Image Optimization

Print + eBook

$ 44.00

Quality hardcover. Free worldwide shipping[25]. 100 days money-back-guarantee.

eBook

$ 19.00

DRM-free, of course. ePUB, Kindle, PDF.
Included with Smashing Membership[26].

More Smashing Books & Goodies

Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the core of everything we do at Smashing.

In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books that stand the test of time[27]. Paul and Adam are some of these people. Have you checked out their books already?

References

  1. ^ Jump to details (www.smashingmagazine.com)
  2. ^ get the book right away. (www.smashingmagazine.com)
  3. ^ Addy Osmani (twitter.com)
  4. ^ Free worldwide shipping (www.smashingmagazine.com)
  5. ^ Smashing Membership (www.smashingmagazine.com)
  6. ^ Check free PDF preview (provide.smashingmagazine.com)
  7. ^ “Image Optimization” (www.smashingmagazine.com)
  8. ^ Jump to table of contents ↓ (www.smashingmagazine.com)
  9. ^ Large view (cloud.netlifyusercontent.com)
  10. ^ start reading the eBook immediately (www.smashingmagazine.com)
  11. ^ Free worldwide shipping (www.smashingmagazine.com)
  12. ^ Smashing Membership (www.smashingmagazine.com)
  13. ^ Lighthouse (smashed.by)
  14. ^ Workbox (developers.google.com)
  15. ^ Yeoman (yeoman.io)
  16. ^ Critical (smashed.by)
  17. ^ TodoMVC (todomvc.com)
  18. ^ Learning JavaScript Design Patterns (smashed.by)
  19. ^ Katie Hempenius (twitter.com)
  20. ^ Mathias Bynens (twitter.com)
  21. ^ Colin Bendell (twitter.com)
  22. ^ eBook is available, too (www.smashingmagazine.com)
  23. ^ Get the book right away. (www.smashingmagazine.com)
  24. ^ free for Smashing Members (www.smashingmagazine.com)
  25. ^ Free worldwide shipping (www.smashingmagazine.com)
  26. ^ Smashing Membership (www.smashingmagazine.com)
  27. ^ printed books that stand the test of time (www.smashingmagazine.com)
  28. ^ TypeScript In 50 Lessons (www.smashingmagazine.com)
  29. ^ Add to cart $44 (www.smashingmagazine.com)
  30. ^ Interface Design Checklists (PDF) (www.smashingmagazine.com)
  31. ^ Add to cart $15 (www.smashingmagazine.com)
  32. ^ Form Design Patterns (www.smashingmagazine.com)
  33. ^ Add to cart $39 (www.smashingmagazine.com)

Powered by WPeMatico

[email protected]

Smashing Magazine is a website and eBook publisher that offers editorial content and professional resources for web developers and web designers.

No Comments

Sorry, the comment form is closed at this time.