Image compression deep-dive

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=F1kYBnY6mwg


Duration: 31:32
51,042 views
1,789

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;



Other Videos By Chrome for Developers


2020-08-04Socially Distant HTTP 203
2020-07-17What’s new in Web Payments
2020-07-17Sign-in form best practice
2020-07-17Just the data you need
2020-07-17Prevent Info leaks and enable powerful features: COOP and COEP
2020-07-17Find and fix problems with the Chrome DevTools Issues tab
2020-07-16Cookie recipes - SameSite and beyond
2020-07-16How to stay fast and fresh with Angular
2020-07-16Security and privacy for the open web
2020-07-16Writing build plugins
2020-07-16Image compression deep-dive
2020-07-1510 modern layouts in 1 line of CSS
2020-07-15Building better in the world of build tools!
2020-07-15Welcome to Day Three
2020-07-15Storage for the web
2020-07-15Zoom on Web: getting connected with advanced web technology
2020-07-15Chrome Developers Channel Trailer
2020-07-14Quieter notifications permissions
2020-07-14Progressively enhancing like it’s 2003
2020-07-14New in Chrome 84: App Shortcuts, Web Animations, Wake Lock, and lots more!
2020-07-14Advanced PWA patterns


Tags:
type: Conference Talk (Full production);
purpose: Educate