• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 4. Creating Web Images > Creating JPEG Images

Creating JPEG Images

Use JPEG compression for photographs and for images with more than 256 colors.

To save an image with JPEG compression:

1.
Open the image with Photoshop, or the desired image editing program.

2.
Choose Image > Mode > RGB Color, if it's not already selected (Figure 4.58).

Figure 4.58. In Photoshop, a JPEG image may be in either RGB Color or CMYK Color. However, since Web images are generally viewed on a monitor, you should use RGB mode.


3.
Choose File > Save As.

4.
In the Save As dialog box that appears, choose JPEG in the Format pop-up menu (Figure 4. 59).

Figure 4.59. Choose JPEG in the Format pop-up menu.


5.
Give the file a name and the .jpg or . jpeg extension (it doesn't matter which), and then click Save.

6.
In the JPEG Options dialog box that appears, choose the desired quality (Figure 4.60).

Figure 4.60. Choose a compression quality (higher compression means less quality) and then a format option. I recommend always choosing Progressive since it always seems to result in a smaller file.


7.
If desired, choose Progressive to have the image appear gradually in the browser. You can also specify how many scans or passes it will take to display the full image.

8.
Click OK.

Tip

Because I've found that the Progressive option creates smaller images than the other options, I always choose that option when saving JPEG images—even when I don't care about progressive display.


Tip

You may want to experiment with different compression values until you get an image with sufficient quality at a file size you (and your visitors) can live with.


  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint