beautypg.com

Compress a web graphic to a specific file size, Work with slices in the, Save for web & devices dialog box – Adobe Photoshop CS4 User Manual

Page 523

background image

516

USING PHOTOSHOP CS4

Web graphics

Last updated 1/10/2010

2

Name the settings, and save them in the appropriate folder:

Photoshop

(Windows XP) Document and Settings\[Username]\Application Data\Adobe\Adobe Photoshop

CS4\Optimized Settings

(Windows Vista) Users\[Username]\AppData\Roaming\Adobe\Adobe Photoshop CS4\Optimized Settings

(Mac OS) Users/[Username]/Library/Preferences/Adobe Photoshop CS4 Settings/Optimized Settings

Illustrator

(Windows XP) Document and Settings\[Username]\Application Data\Adobe\Adobe Illustrator CS4

Settings\[Language]\Save for Web Settings\Optimize

(Windows Vista) Users\[Username]\AppData\Roaming\Adobe\Adobe Illustrator CS4 Settings\[Language]\Save for
Web Settings\Optimize

(Mac OS) Users/[Username]/Library/ApplicationSupport/Adobe/Adobe Illustrator CS4/[Language]/Save for Web
Settings/Optimize

Note: If you save the settings in a another location, they will not be available from the Preset pop-up menu.

3

To delete a preset, select the preset from Preset menu, and select Delete Settings from the Optimize menu.

Work with slices in the Save For Web & Devices dialog box

If your image contains multiple slices, you must specify the slices to be optimized. You can apply optimization settings
to additional slices by linking the slices. Linked slices in GIF and PNG-8 format share a color palette and dither pattern
to prevent the appearance of seams between the slices.

To show or hide all slices, click the Toggle Slices Visibility button

.

To select slices in the Save For Web & Devices dialog box, choose the Slice Select tool

, and then click a slice to

select it. Shift-click or Shift-drag to select multiple slices.

Note: In the Save For Web & Devices dialog box, unselected slices are dimmed. This does not affect the color of the final
image.

To view slice options in the Save For Web & Devices dialog box, select the Slice Select tool, and double-click a slice.

To link slices, select two or more slices and choose Link Slices from the Optimize pop-up menu

(to the right

of the Preset menu). The link icon

appears on the linked slices.

To unlink a slice, select the slice, and then choose Unlink Slice from the Optimize pop-up

menu.

To unlink all slices in an image, choose Unlink All Slices from the Optimize pop-up menu.

Compress a web graphic to a specific file size

1

Choose File

> Save For Web & Devices.

2

Click a tab at the top of the Save For Web & Devices dialog box to select a display option: Optimized, 2-Up, or 4-Up.
If you select 4-Up, select the preview you want to optimize.

3

(Optional) Select the slices you want to optimize and the file format you want to use.

4

Select Optimize To File Size from the Optimize menu (to the right of the Preset menu).

5

Enter the desired file size.

6

Select a Start With option:

Current Settings

Uses the current file format.

Auto Select GIF/JPEG

Automatically selects the optimal format depending on image content.