Topics Map > IT Services > Training
Topics Map > IT Services > Software Support

Adobe Illustrator - Saving for the Web

This guide will show you the basics of saving artwork for the web.

VIDEO

  1. Go to the File menu, and choose Save for Web
    • The keyboard shortcut is Alt+ Shift+Control+S on a pc, or Option+Shift+Command+S on the Mac.
  2. In the Save for web dialog box, the file is viewed as the Original, as an Optimized version, and also in a 2-Up display. 
  3. Choose the 2-Up Display.
  4. The 2-Up display gives a representation of the original file on the left, and then the optimized version on the right. This is great for judging the amount of quality degradation that the file will experience when compressing things for going out on the Web. 
  5. Choose the optimization settings right for the project.
    • JPEG
      • This format uses compression, an algorithmic way of removing some information, and selectively chooses information to get rid of based on how it is saved.
      • As a source photo, save the JPEG at it’s highest quality.
      • This is also the best simple file-sharing format, not allowing for restrictions on viewing and printing.
      • Saving over the same JPEG file should be avoided. After saving multiple times, the file recompresses which can cause distortions in the file.
      • Choose Low, Medium, Very High, or Maximum resolution JPEG. 
    • GIF
      • This format supports only 256 colors. Tt has become the go to standard for soundless animations on the web. For still imagery, this file format is mainly used for logos.
    • PNG
      • This format can use a full alpha channel mask, and has 256 levels of transparency.
  6. Note the file size is displayed in the lower right. 
  7. Adjust the Quality setting. 
  8. This sacrifices image quality for better compression. 
    1. Drag the slider to the left, to compress the image more, and turn back the quality. By dragging to the right, the file is compressed less, maintaining the quality, but  also increasing the file size. 
  9. Choose whether or not to blur to reduce some artifacts in the image.
  10. If the image stats to pixelate, turn up the Blur a little bit to eliminate them. The problem is, this will also blur things like text. Which is not good.
  11. Choose whether or not it's a Progressive download. That basically means that the file is going to download the image in multiple passes. So instead of the graphic loading all at once online, it will actually load in steps. 
  12. Directly underneath here, there is the option to adjust the size. Enter in new Width, or a new Height value. It's automatically linked to each other, so changing one automatically changes the other in proportion. Over to the right,  the original size is displayed. 
  13. Down at the bottom, click Save, and it will bring up the Save As dialog box. 
  14. Choose a destination and a file name and click Save.


If you need further assistance please contact the Information Technology Help Desk at 920-424-3020 or helpdesk@uwosh.edu




Keywords:JPEG, GIF, PNG, saving   Doc ID:64290
Owner:William W.Group:UW Oshkosh
Created:2016-06-21 09:17 CDTUpdated:2016-12-20 14:24 CDT
Sites:UW Oshkosh
Feedback:  0   0