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.
Speaker: Jake Archibald, with backup vocals by Surma