Meet Image Optimization, A New Smashing Book

Meet Addy Osmani’s new book on image optimization: from formats and compression to delivery and maintenance.
Brand new book: Image Optimization by Addy Osmani.

Dearest Friend,

How do we deliver high-quality images fast online? Meet Image Optimization, our new book on just that: from formats and compression to delivery and maintenance. 528 pages. Written by Addy Osmani. Jump to table of contents.

A vibrant book cover with colorful, geometric shapes, pop-ups and push notifications.


About The Book

There is no shortage in high-res photos around us, but how do we encode, compress and serve them to browsers to be rendered quickly? In fact, some of the biggest size savings and performance improvements can come through a better image optimization strategy.

A look into the book: with a lot of whitespace and a vibrant color scheme.

A look into the book: with a lot of whitespace and a vibrant color scheme.

That’s why we’ve teamed up with Addy Osmani to work on Image Optimization — our practical new guide to image compression and image delivery, tools and techniques to automate optimization, responsive images, image CDNs, lazy-loading, how browsers load, decode and render images, and how to optimize for Core Web Vitals. Jump to the table of contents.

You’ll learn:

  • Modern and emerging image formats,
  • Image compression,
  • How to speed up image rendering,
  • 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,
  • Automating image optimization,
  • Adaptive image delivery for network conditions,
  • Core Web Vitals and how to optimize for them.
  • eBook is available, print shipping early June.
  • Download a free PDF sample (12 MB)
  • Get the book right away.

A vibrant book cover with colorful, geometric shapes, pop-ups and push notifications.

As always, Smashing Members (US$5 and US$9 tiers) get the eBook for free, with a friendly discount for the printed book. We’d love to welcome you into the wonderful, friendly Smashing Family. Meow! ;-)


Thank You!

With Image Optimization, we’ve tried to create a very focused handbook with pragmatic solutions to help you improve your image loading strategy and be more deliberate and informed when dealing with images.

A look into the book: with a lot of whitespace and a vibrant color scheme.

Smashing Cat hiding behind the book.

A sincere thank you for your kind, ongoing support, patience and generosity, for being smashing, now and ever.

Hope to meet you soon! ;-)
Vitaly and The Smashing Family ()
https://www.smashingmagazine.com

Such emails are sent out at most once a month. Your data is always safe, and your support really helps us pay the bills. ❤️

unsubscribe update preferences view in your browser

Older messages

Smashing Newsletter #305: Color Palettes Generators and Tools

Tuesday, June 15, 2021

With CSS variables, HSLA, color generators, color combinations and color scales for data visualizations. Issue #305 • June 15, 2021 • View in the browser 💨 Smashing Newsletter Ciao Amici, Color may

Smashing Newsletter #304: Front-End Boilerplates and Starter Kits

Tuesday, June 8, 2021

With reliable CSS/JavaScript boilerplates for all kinds of projects, from static site templates to React/Vue starter kits.Issue #304 • June 8, 2021 • View in the browser 💨 Smashing Newsletter Unjani

Smashing Newsletter #303: VS Code Extensions

Tuesday, June 1, 2021

With useful VS Code extensions and little tools to help you save time and avoid headache when writing code. Issue #303 • June 1, 2021 • View in the browser 💨 Smashing Newsletter Namaste Smashing

Smashing Newsletter #302: Figma Plugins and Tools

Tuesday, May 25, 2021

With new features in Figma, useful Figma plugins, a template for Figma wayfinding, simpler annotations and integration with Vue.js, and how to manage design systems in Figma. Issue #302 • May 25, 2021

Smashing Newsletter #301: Front-End Boilerplates

Tuesday, May 18, 2021

With front-end boilerplates: global CSS reset, favicons, HTML email template and VS code snippets for React, Vue, Angular and TypeScript.Issue #301 • May 18, 2021 • View in the browser 💨 Smashing

You Might Also Like

Cascade, HTMX, Sponge Furniture, Meaning of Color, Flipbook

Friday, April 26, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 26 2024 A primer on the cascade and specificity piccalil.

9 Trends From Milan We Can’t Stop Thinking About

Thursday, April 25, 2024

View in your browser | Update your preferences ADPro Even More From Milan Design Week Each year, the design world convenes in Milan—and that applies to us at AD, too. For the third year running, our

Subframe, Attributes vs Properties, Front End Handbook, aspect-ratio, GenAI

Thursday, April 25, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 25 2024 Subframe subframe.com Subframe is a design-to-

Ritmo, Climate Change, Icons & Typefaces, Click Wheel JS, CarPlay

Wednesday, April 24, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 24 2024 Meet Ritmo, Musixmatch's cross-platform

Why Jake Arnold Doesn’t Text Clients

Tuesday, April 23, 2024

View in your browser | Update your preferences We've had a remodel! From now on, you'll be hearing from AD PRO in your inbox twice a week—once with a deep dive into trends to watch and subjects

The secret ingredient to media success

Tuesday, April 23, 2024

PR tips from our founder Nora Wolf In this month's edition is all about *the most important* element of successful media outreach—photography. You may have some photos, but if the backgrounds are

#453: Design Systems

Tuesday, April 23, 2024

Design system generator, types of design systems and how to consolidate design systems. Issue #453 • Apr 23, 2024 • View in the browser Smashing Newsletter Buổi tối vui vẻ Smashing Friends, Ah, design

👨‍🏫 Striking Educational Website Designs + 🏆 Challenge Updates

Tuesday, April 23, 2024

Your UpLabs Design Updates Await! Let's Get Going! 🎨 Firstly, let's congratulate Mariana Gameiro, the winner of our latest 👩‍💻 SheCodes Website Redesign Challenge! Congratulations!! Secondly,

Code Connect, JS Naked Day, Shape of AI, Product Design, CSS Grid Level 3

Tuesday, April 23, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 23 2024 The Right Code for Your Design System figma.com

Accessibility Weekly #393: When Security and Accessibility Clash

Monday, April 22, 2024

April 22, 2024 • Issue #393 View this issue online or browse the full issue archive. Featured: When security and accessibility clash: Why are banking applications so inaccessible? "While using