
Creating Optimized Graphics for the Web
42mIntermediate2022-12-06
Authors

Emmanuel Henri
Executive with 20+ years of experience in programming and design
Course details
Creating graphics is easy. But creating optimized web graphics that look great and download quickly on a variety of devices can be a chore. You need to learn about the best file formats and production techniques to get beautiful graphics every time. In this course, instructor Emmanuel Henri takes you on a tour of the world of digital image optimization, in a series of easy-to-follow lessons that you can apply to the graphic design software of your choice.
Discover how image compression works and how it affects image quality, size, and resolution. Learn the pros and cons of different image file formats, when to use which, how, and why, including tips for optimizing JPEGs, GIFs, PNGs, and SVGs along the way. By the end of this course, you’ll not only know how your images are optimized, but also how to evaluate and test their impact on your website.
Discover how image compression works and how it affects image quality, size, and resolution. Learn the pros and cons of different image file formats, when to use which, how, and why, including tips for optimizing JPEGs, GIFs, PNGs, and SVGs along the way. By the end of this course, you’ll not only know how your images are optimized, but also how to evaluate and test their impact on your website.
Skills covered
Web GraphicsWeb DesignPhotoshopProjectAdobe
Concepts
0. Introduction
- 01 - Creating optimized graphics for web
- 02 - Course prerequisites
1. Understanding Optimization
- 03 - Exploring image types and their use
- 04 - Exploring compression
- 05 - Using the right resolutions for web
2. Optimizing Graphics Applied
- 06 - Optimizing JPEGs and JPGs
- 07 - Optimizing GIFs
- 08 - Optimizing PNGs
- 09 - Optimizing SVGs
- 10 - Web tips for performance evaluation
Conclusion
- 11 - Next steps