FREELessons: 8Length: 33 minutes
The WebP image format was created by Google with the goal of creating high-quality images with smaller file sizes. In this course, you will learn how to convert your images into WebP files, insert them into your HTML and CSS, and provide fallbacks for browsers that don’t support the format.
1.Introduction
1.1Welcome to the Course00:35
1.1
Welcome to the Course
00:35
2.WebP Images
2.1What Is a WebP File?03:24
2.1
What Is a WebP File?
03:24
2.2Creating WebP Files in Photoshop06:56
2.2
Creating WebP Files in Photoshop
06:56
2.3Creating WebP Files With Squoosh05:25
2.3
Creating WebP Files With Squoosh
05:25
2.4Adding WebP Images to a Web Page03:02
2.4
Adding WebP Images to a Web Page
03:02
2.5Providing Fallback Images04:57
2.5
Providing Fallback Images
04:57
2.6Using WebP With CSS07:44
2.6
Using WebP With CSS
07:44
3.Conclusion
3.1Final Thoughts00:30
3.1
Final Thoughts
00:30
