The 5 Challenges to Images Delivery on the Web Today
summary
Five concrete problems: generating and managing hundreds of renditions (example math ends at 108 variants for three sizes four formats three densities three layouts), choosing codecs (use WebP 30–35% smaller where supported, fallback JPEG/PNG/JPEG2000), resizing to avoid overdraw (one example shows 85% fewer bytes when delivering correct dimensions), perceptual tuning with SSIM-based quality instead of fixed Q values, and runtime delivery using picture/srcset, client hints, an image service and CDN to automate format/compression and reach typical 30–40% savings.
AI-written summary · about
chapters (9)
- 0:00Start
- 10:50What break points?
- 13:20New Flavours of JPEG
- 14:40Right format
- 20:56Quality by user experience
- 28:12The Picture Element Part 1
- 29:15Resolution switching with reset
- 31:39What could be automated by an Image Service?
- 34:54Network awareness
related talks
06mOvercoming the Challenges of Image Delivery
45mThe image problem of the web and how to solve it…
25mDelivering Fast and Beautiful Images and Video
30mFast and Beautiful: Modern Image Delivery Techniques
36mFast and Beautiful: Modern Image Delivery Techniques
46mFast and Beautiful Modern Image Delivery Techniques
26mFast and Beautiful Modern Image Delivery Techniques
47mThe image problem of the web and how to solve it with AI