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
Видео Image compression deep-dive канала Google Chrome Developers
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
Видео Image compression deep-dive канала Google Chrome Developers
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Optimize for Core Web Vitals10 modern layouts in 1 line of CSSHow Image Compression WorksClean Code - Uncle Bob / Lesson 1JPEG DCT, Discrete Cosine Transform (JPEG Pt2)- ComputerphileMotion design in UI - Designing in the BrowserDNS Cache Poisoning - ComputerphileStorage for the webSVD: Image Compression [Python]Shipping a PWA as an Android appSign-in form best practiceReduce image size: optimize image compressionWhat’s new in V8/JavaScriptWhen the FBI had too many fingerprints in storage | The mathematics of image compressionNext-generation web styling (Chrome Dev Summit 2019)How to stay fast and fresh with AngularGiving your PWA superpowersModern Web Testing and Automation with Puppeteer (Google I/O ’19)HTML & CSS Tutorial - Ways to code images...and how to do it well