Artwork

Content provided by Bleech. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Bleech or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Player FM - Podcast App
Go offline with the Player FM app!

Stop using JPGs: use WebP!

34:56
 
Share
 

Manage episode 351676060 series 3419630
Content provided by Bleech. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Bleech or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

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)

  continue reading

47 episodes

Artwork
iconShare
 
Manage episode 351676060 series 3419630
Content provided by Bleech. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Bleech or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

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)

  continue reading

47 episodes

All episodes

×
 
Loading …

Welcome to Player FM!

Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.

 

Quick Reference Guide