When you're working with websites, you can't ignore the WebP image format. But what makes this format better than other image formats? And is it really practical and will stay? In this episode, Steffen and Dominik dive deep into image formats and discuss how to use WebP.
Highlights
00:00 Intro
00:48 How do you optimize image loading?
01:22 The old image formats of the web
02:55 The newer image format: WebP
05:35 How to optimize png and jpg for web
07:13 What’s so cool about WebP?
09:33 Why didn't we use WebP for a long time?
12:13 Who should convert images to WebP?
13:47 Why is it so great to use just one image format?
17:06 Upload WebP directly
17:30 Dominik has an idea...
20:33 Workflow of integrating WebP
29:09 The image resizing bug (Can somebody fix it, please!)
30:15 There's no ideal image size to upload
32:29 Use WebP!
Links
Squoosh: https://squoosh.app/
Flynt: https://flyntwp.com/
WebP Express: https://wordpress.org/plugins/webp-express/
Blurry images bug report (2015): https://bugs.chromium.org/p/chromium/issues/detail?id=562162
More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)