FREELessons: 8Length: 33 minutes


Next lesson playing in 5 seconds
CancelA Web Designer’s Guide to the WebP Image Format
Welcome to the Course
00:35
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.Introduction1 lesson, 00:35
1 lesson, 00:35
1.1Welcome to the Course00:35
1.1
Welcome to the Course
00:35
2.WebP Images6 lessons, 31:28
6 lessons, 31:28
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.Conclusion1 lesson, 00:30
1 lesson, 00:30
3.1Final Thoughts00:30
3.1
Final Thoughts
00:30
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then,
he has constantly sought new and exciting ways to make
beautiful things on computers.