Meet "Image Optimization", a Brand New Smashing Book

Meet “Image Optimization”, our brand-new practical guide to optimizing and delivering high-quality images on the web. Written by Addy Osmani.
Let’s get images on the web right. Meet “Image Optimization” View in the browser 💨

Image Optimization by Addy Osmani

G’Day Smashing Friends,

Meet “Image Optimization”, our new practical guide to optimizing and delivering high-quality images on the web. From formats and compression to delivery and maintenance — everything about displaying images fast, in one 528-pages book. Jump to the details →

Image Optimization cover

$35 $44

Jump to the details → Only 250 copies at this price. Print shipping in late May.

About The Book

Images help us tell a story, drive conversions and increase engagement. But to be effective, they need to be carefully orchestrated and appear on the screen fast. So how do we encode, deploy, serve and maintain images over time? Our new book explores just that. Check free PDF preview (12MB).

Written by Addy Osmani, the book dives deep into image formats and image compression, image decoding and browser rendering, image CDNs, adaptive media loading — and effective caching, preloading and Core Web Vitals. 528 pages. Jump to the details →

The illustration for the book, on an orange background, with a Smashing Cat peeking behind the book.
A preview of the inner layout.
Meet our new book “Image Optimization” with everything you need to know to get images on the web right. Written by Addy Osmani.

You’ll learn:

  • image formats,
  • image compression,
  • improving image rendering,
  • preparing images for a variety of resolutions,
  • automating 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.

A lovely thank-you note from the Smashing Cat, peeking behind the book.

Get the book PDF, ePUB, Kindle available. Print shipping in late May. Get the book.

Thank You!

As always, Smashing Members ($5 and $9 tiers) get the eBook for free, with a friendly discount for the printed copy. We are always happy to welcome you to our friendly Smashing Family. Meow! ;-)

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

Vitaly and The Smashing Family
Email:
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 #298: Web Typography

Tuesday, April 27, 2021

Web type tools, from little CSS helpers to open-sourced typefaces and some helpful guides to choose great type pairings. Issue #298 • Tue, April 27, 2021 • View in the browser 💨 Smashing Newsletter

Smashing Newsletter #297: Web Performance

Tuesday, April 20, 2021

With Lighthouse, debugging CLS, caching, web fonts subsetting and React performance. Issue #297 • Tue, April 20, 2021 • View in the browser 💨 Smashing Newsletter Hola Smashing Friends, Web performance.

From Cats With Love: New Navigation, Guides and Workshops

Monday, April 19, 2021

From cats with love — new navigation, evergreen guides and online workshops around front-end and UX. From cats with love — new navigation, guides and online workshops. • View in the browser 💨 Smashing

Smashing Newsletter #296: Security and Privacy

Tuesday, April 13, 2021

With CAPTCHA, web security, spam prevention, security, vulnerabilities, tracking blocker and guide to better design.Issue #296 • Tue, April 13, 2021 • View in the browser 💨 Smashing Newsletter G'

Smashing Newsletter #295: Boosting Your Coding Workspace

Tuesday, April 6, 2021

With tools for a better command line, text editor, finding git commands and pets for your VS Code. Issue #295 • Tue, April 6, 2021 • View in the browser 💨 Smashing Newsletter Ahoj Smashing Friends,

The 25 Best Accent Chairs, According to AD100 Designers

Friday, June 18, 2021

Plus, more sourcing inspiration. View in your browser | Update your preferences Architectural Digest AD PRO logo image Welcome to the PROcurement, our new weekly roundup of the best designs to source

✏ 40 Javascript Memes, CSS Specificity Calculator, HTML Semantic Tags Sheet, and more...

Friday, June 18, 2021

The Problem with UX/UI Portfolios MARKBOULTON.CO.UK COMMENTS CSS Specificity Calculator POLYPANE.APP COMMENTS Your Image is Probably not Decorative SMASHINGMAGAZINE.COM COMMENTS Top 40+ Javascript

What Will Back-To-Normal Look Like?

Friday, June 18, 2021

A weekly dispatch from Architectural Digest's Editor in Chief. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

UX/UI Portfolios, Feels, Bear Plus Snowflake, Optical Size, Aspect Ratio

Friday, June 18, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar June 18 2021 The problem with UX/UI portfolios markboulton.co.

RWD Weekly #462— the one about the little yellow book

Friday, June 18, 2021

No preview text for you this week, you've got to commit to reading this one by opening it first :) Read online Hello again, welcome back to RWD Weekly #462 happy Friday! This week I've been

Meet Image Optimization, A New Smashing Book

Thursday, June 17, 2021

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

🔥 Dashing Mobile UI Designs and more

Thursday, June 17, 2021

Round Up The Newest UpLabs Weekly Freebies 🤠 Check out some fresh high-quality Freebies that have been handpicked for you by the UpLabs team this week. The New Super Fast Way to Build a Website

Holly Hunt Reinvents Herself Once Again

Thursday, June 17, 2021

Plus, a houseplant sells for almost $20000 at auction (image) Architectural Digest AD PRO Logo house plant - philodendron Think You Love Houseplants? This One Just Sold for Almost $20000 Read More →

✏ 3 Ways to Design More Inclusively, What is a Design System?2021 Fun Typefaces, and more...

Thursday, June 17, 2021

3 Ways to Design More Inclusively WEBDESIGNERDEPOT.COM COMMENTS What is a Design System? ROBERTCREATIVE.COM COMMENTS Animal Crossing Font FONTSPANDA.COM COMMENTS Some Fun Typefaces for 2021 KOTTKE.ORG

✏ Issue #491: Google Page Experience Update, 22 Exciting New Tools for Designers, Diversity In Design, Invision Freehand, and more…

Thursday, June 17, 2021

View this newsletter online Unsubscribe NEWSLETTER ISSUE #491 JUNE 17, 2021 Work at the Intersection of Data, Design, and Technology Prepare for a range of dynamic communication roles in Northwestern