The purpose of the Save for Web feature in Adobe Illustrator is to optimize graphics for use on a Web site or other screen display, such as a phone of tablet. The word “optimize” refers to the optimum balance between file size and quality. We want small file sizes so they’ll load quickly on a Web page, but we don’t want to sacrifice their appearance. Save for Web lets you preview how an optimized vector graphic will look, so you can choose the best compromise. In this article, I’ll go over the file formats available in Save for Web, and show you which formats are best suited for different kinds of artwork. The Save for Web Dialog You access the Save for Web dialog under the File menu. Save for Web is almost an application in and of itself, and the dialog window takes up most of your screen. The Save for Web interface, much smaller than it appears on your screen. You can choose to preview your artwork in one of three ways. You can simply show the original alone. This …
More here:
Understanding the Different File Types in Adobe Illustrator’s Save for Web