2015
Lynda
Justin Seeley
0:55
English
Images often account for most of the downloaded bytes on a webpage and also a significant amount of the visual space. As a result, optimizing images can often yield big performance improvements for your website—and make it look its best on any device. This course shows how to use Illustrator's intuitive toolset to save slim, smart graphics for the web. Staff author Justin Seeley shows how to master the Save for Web dialog box, choose the right image format for your projects, and optimize a variety of images, including JPEGs, PNGs, GIFs, and high-resolution images for Apple's HiDPI Retina displays. Plus, learn how to use Photoshop and the Smart Layer Export script to speed up your image optimization workflow.
Find out more about using Illustrator in your web design workflows in Illustrator CC for Web Design: Core Concepts.
Introduction
Welcome
How to use exercise files
How to send feedback
1. Understanding Web Graphics
Exploring web graphic file formats
Using Pixel Preview Mode in Illustrator
2. Saving Images for the Web
Exploring the Save for Web dialog box
Choosing the right graphics format
Optimizing JPEG images
Optimizing PNG images
Optimizing GIF images
Optimizing images for HiDPI screens
Installing the Smart Layer Export Script
Using the Smart Layer Export Script
Conclusion
Taking the next step
lynda.com/Illustrator-tutorials/Illustrator-CC-Web-Design-Image-Optimization/368390-2.html
Download File Size:152.38 MB