Shifting to Web-safe colors


    To protect colors from dithering in a browser, you can shift the colors to their closest equivalents in the Web palette. This ensures that the colors won't dither when displayed in browsers on either Windows or Macintosh operating systems capable of displaying only 256 colors.

To shift colors to the closest Web palette equivalent:

  1. Select one or more colors in the optimized image or color table. (See Selecting colors.)
  2. Do one of the following:
    • Click the Web Shift button Color is not Web-safe icon in the Color Table palette.
    • Choose Shift Selected Colors to Web Palette from the Color Table palette menu.

    The original color appears at the upper left of the color swatch and the new color at the lower right. The small white diamond Small white diamond in the center of the color swatch indicates that the color is Web-safe; the small square at the lower right of the color swatch indicates that the color is locked.

To revert Web-shifted colors to their original colors:

    Do one of the following:

    • Select a Web-shifted color in the color table and click the Web Shift button Color is not Web-safe icon in the Color Table palette.
    • To revert all Web-shifted colors in the color table, choose Unshift All Web Shifted Colors from the Color Table palette menu.

To specify tolerance for shifting colors automatically to the closest Web palette equivalents:

    In the Optimize panel/palette, enter a value for Web Snap or drag the pop-up slider. A higher value shifts more colors.

    (In ImageReady, click the Show Options control Show Options button on the Optimize palette tab or choose Show Options from the Preset pop-up menu in the Optimize palette to view the Web Snap option.)



How To Tips Learning Photoshop CS What's New in Photoshop CS Looking at the Work Area Getting Images into Photoshop and ImageReady Producing Consistent Color (Photoshop) Working with Color
Making Color and Tonal Adjustments Selecting Transforming and Retouching Drawing Painting Using Channels Using Layers
Applying Filters for Special Effects Using Type Designing Web Pages Creating Complex Web Graphics (ImageReady) Preparing Graphics for the Web Saving and Exporting Images Printing (Photoshop)
Automating Tasks Keyboard Shortcuts Tutorials Legal Notices Site Map    

Website Design
Website Maintenance
Graphic Design
Content Development
Website Redesign
Freelance Website Design
eCommerce Web Design
Content Management

Website Hosting
Get a Domain Name
Search Engine Optimization
Email Marketing

Adobe Illustrator Tutorials

About Me
View My Portfolio
FAQ
Contacts
Useful Links
Add Link
Articles

Link Partners: 3Ds Max Tutorials | Character Studio - Tutorials | Wholesale Electronics

© 1998 - 2004 Freelance Web Designer