Additionally this new set of web tools lets you set different levels of compression and quality for each kind of web image. This helps reduce file size for faster loading over 56K residential modem Internet connections.

How to save JPG files

Select File > Save For Web

Click on the Optimized tab at the top of the screen.

This view will show you what your image will look like as you adjust the optimization settings in the Settings area on the right side of the dialogue box.

If you want to compare before and after effects of your web image, click on the "2-up" tab. The original image will appear on the left, and the new optimized image will display on the right. As you adjust image quality settings, you will be able to view the impact of the changes on image quality live in the image on the right.

Locate the Settings area and select JPG from the drop down menu below Settings: The arrow points to this menu in the next screen shot.

Adjust the optimization settings

1. Verify that a check mark is in both the "Optimized" check box and the "Progressive" check box.
   
   
2. Click on the pointer in the Quality setting filed indicated by the arrow in this image. A slide adjuster tool will open. Move the slider between the values of 60 and 100. Normally, you will find an acceptable quality value in this range that provides reasonably fast load time (small file size) with good image quality. However, You may need to go below a setting of 60 for larger images.
   
   
   
   
3. If you don't like the way the image looks, keep adjusting the quality level slider until you get the quality you are looking for.
   
   
4. In the lower left corner of the Save for Web dialogue box, you will see a set of numbers that tell you how fast your image will load over a modem connection of a given speed. You can change the modem speed by right clicking on the area and selecting a target modem speed from the pop up menu.
   
   
   
   
5. Click on OK and to save the JPG file your destination directory.

Select File > Save For Web

Click on the Optimized tab at the top of the screen.

This view will show you what your image will look like as you adjust the optimization settings in the Settings area on the right side of the dialogue box.

If you want to compare before and after effects of your web image, click on the "2-up" tab. The original image will appear on the left, and the new optimized image will display on the right. As you adjust image quality settings, you will be able to view the impact of the changes on image quality live in the image on the right.

Locate the Settings area and select GIF format from the drop down menu below Settings: The arrow points to this menu in the next screen shot.

Adjust the optimization settings

1. You will want to see Adaptive and Diffusion selected in the two drop down menus below the file format drop down menu where GIF is shown in the above image. You can see this in the image above. These are the best general settings for GIF images.
2. The default for Dither is 75%. This usually produces the best result.
3. Locate the Interlaced check box and click to place a check in it if one is not already there.
4. In the Colors drop down menu, the default setting will be 256, for 256 colors present in the image. Often you can select a number less than 256. This removes colors and also reduces the size of the image for faster loading. Try selecting 128, in most cases it does not appreciably degrade the image but does reduce the image size significantly.
5. If you don't like the way the image looks, you can change it back to 256 colors.
   
6. In the lower left corner of the Save for Web dialogue box, you will see a set of numbers that tell you how fast your image will load over a modem connection of a given speed. You can change the modem speed by right clicking on the area and selecting a target modem speed from the pop up menu.
   
   
   
   
7. Click on OK and to save the GIF file your destination directory.
   

BACK TO THE INDEX