Image compression deep-dive

Images are often the biggest assets in a web page, so compressing them well can be a huge saving for users. There are some rough rules for which image format you should use in a given situation, but this session dives into why, and explores some of the lesser-known capabilities of popular image formats.

Resources:
Squoosh → https://goo.gle/2ZfUfCW
Chroma subsampler → https://goo.gle/yuv
DCT quantizing → https://goo.gle/2YGkpQt
The picture element → https://goo.gle/2Ap22WP
Client hints → https://goo.gle/38nOTcR
ImageOptim → https://goo.gle/3i6Vxc8
SVGOMG → https://goo.gle/3gors6h

Related Playlist:
Day 3 → https://goo.gle/WDL20Day3

Subscribe to the Chrome Developers → https://goo.gle/ChromeDevs

Speaker:
Jake Archibald, with backup vocals by Surma

#webdevLIVE #imageformat event: web.dev LIVE 2020; re_ty: Publish; fullname: Jake Archibald,Surma; fullname: Jake Archibald,Surma; product: Chrome - General;