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

Ken Fulk’s 7 Lighting Design Essentials

Monday, July 26, 2021

Plus, UNESCO strips Liverpool of its World Heritage status (image) Architectural Digest AD PRO Logo liverpool UNESCO Strips Liverpool of Its World Heritage Status Read More → Image may contain: Human,

✏ The SaaS Org Chart, Gatsby Serverless Functions, UX Testing Guide, and more...

Monday, July 26, 2021

Northwestern Online MS in Information Design [ad] SPS.NORTHWESTERN.EDU StartUp Fundraising Resources - 100+ Resources that Help You Raise Money BASETEMPLATES.COM COMMENTS Beginner's Guide to User

A Pandemic Passion Project in Harlem

Monday, July 26, 2021

Design editor Wendy Goodman takes you inside the city's most exciting homes and design studios. Design Hunting A visual diary by Design Editor Wendy Goodman I've taught myself how to frame,”

Accessibility Weekly #250: Please Stop Using Red and Green Together

Monday, July 26, 2021

Sponsored by Automattic. They're hiring. July 26, 2021 • Issue #250 View this issue online or browse the full issue archive. Featured: From a colourblind designer to the world: Please stop using

Don't Miss Out: A Conversation About Luxury and Sustainable Design

Monday, July 26, 2021

Please join AD and Gaggenau for a conversation about creating luxury, timeless, and sustainable designs ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

LogoArchive, Tricycle, Jessica Simulation, Web Features, Emojis

Monday, July 26, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar July 26 2021 LogoArchive Extra Issue: pLAy logoarchive.shop Out

✏ 9 Design Thinking Tools, Attracting Clients Guide, SVG Gobbler, and more...

Sunday, July 25, 2021

Northwestern Online MS in Information Design [ad] SPS.NORTHWESTERN.EDU Web Features that May not Work as You'd Expect CSS-TRICKS.COM COMMENTS A Guide to Attracting Clients to your Agency

How Technical Constraints Inspired a Video Game Developer Create a New Genre

Sunday, July 25, 2021

Proof of Concept Issue 50 ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

✏ Object-oriented Programming is Dead, Image Optimisation, CudaText Code Editor, and more...

Saturday, July 24, 2021

Northwestern Online MS in Information Design [ad] SPS.NORTHWESTERN.EDU 4 Editor Improvements in WordPress 5.8: What to Expect from the Update TORQUEMAG.IO COMMENTS Image Optimisation: The Ultimate

✏ Top 8 Design System Examples, WP Pros and Cons, Website Load Testing,  and more...

Friday, July 23, 2021

Northwestern Online MS in Information Design [ad] SPS.NORTHWESTERN.EDU Making your Mark: 6 Tips for Infusing Brand Essence into your Website WEBDESIGNERDEPOT.COM COMMENTS Top 8 Design System Examples