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

Chapter 4. Creating Web Images > Converting to Browser Safe Colors

Converting to Browser Safe Colors

If you've already created all your images and want to make sure that they only use browser safe colors, you can load a browser safe palette and have Photoshop map the unsafe colors to the safe ones as best it sees fit.

Figure 4.29. This is the original image, created with non browser safe colors.

To convert to browser safe colors:

Choose File > Open to open an existing image.

If the image is not already in RGB mode, choose Image > Mode > RGB.

Choose Image > Mode > Indexed Color (Figure 4.30). The Indexed Color dialog box appears (Figure 4.31).

Figure 4.30. Choose Image > Mode > Indexed Color.

Figure 4.31. In the Indexed Color dialog box, choose Web in the Palette menu. The Colors option will be set to 216 automatically.

In the Palette pop-up menu, choose Web. A value of 216 is automatically entered for the number of colors.

Click OK.


Remember that the goal is for the visitor to see a clear, crisp image—not that the image use one set of colors or another. With that in mind, note that Photoshop may have to dither the browser safe colors to create the original ones. You may be better off just leaving the image the way it is—or creating it from scratch with browser safe colors.


You generally should not use this technique on photographs. Instead, use the Adaptive palette, or save them as JPEG images (see page 76).

Figure 4.32. The quality of the results depends on the colors you originally chose for the imagefig If Photoshop has to heavily dither browser safe colors to simulate the original ones, you may be better off not changing the colors at all.

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