Creating Optimized Web Graphics

Learn to create optimized web graphics that download quickly and look great on a variety of devices, including Retina displays.

Introduction

• Welcome
• About the lesson files

1. Web Graphics Optimization

• Understanding web graphic types
• Understanding image compression
• Picking the right web image format
• Vector versus raster images
• Optimizing raster images
• Using the right image size (aka dimensions)
• Options for JPEG optimization
• Options for PNG and GIF optimization
• Understanding SVG export options
• Optimizing Retina images further
• Optimizing images further

Conclusion

• Goodbye