Craig CampbellMar 8, 2019Lessons: 8Length: 33 minutes

Next lesson playing in 5 seconds

Overview
Transcript

3.1 Final Thoughts

In this course, we’ve looked at how to convert images into WebP files, insert them into our HTML and CSS, and provide fallback images for browsers that don’t support the format. I hope you enjoyed it, thank you for watching, and I’ll see you next time!

1.Introduction
1 lesson, 00:35

1.1
Welcome to the Course
00:35

2.WebP Images
6 lessons, 31:28

2.1
What Is a WebP File?
03:24

2.2
Creating WebP Files in Photoshop
06:56

2.3
Creating WebP Files With Squoosh
05:25

2.4
Adding WebP Images to a Web Page
03:02

2.5
Providing Fallback Images
04:57

2.6
Using WebP With CSS
07:44

3.Conclusion
1 lesson, 00:30

3.1
Final Thoughts
00:30

3.1 Final Thoughts

Hello and welcome back to a web designer's guide to the WebP image format. In this course, we took a look at Google's WebP format and talked about how to incorporate WebP into our websites, including how to provide fallback options for browsers that don't support WebP. So I hope that this short course has given you what you need in order to started using WebP images. Again, my name is Craig Campbell, I wanna thank you so much for watching and I'll see you next time.

Back to the top

Craig Campbell

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.

craigsoup

A Web Designer’s Guide to the WebP Image Format

Next lesson playing in 5 seconds

3.1 Final Thoughts

1.Introduction1 lesson, 00:35

2.WebP Images6 lessons, 31:28

3.Conclusion1 lesson, 00:30

3.1 Final Thoughts

1.Introduction
1 lesson, 00:35

2.WebP Images
6 lessons, 31:28

3.Conclusion
1 lesson, 00:30