Adobe Photoshop CS4 - Manual (Page 519)

512 USING PHOTOSHOP CS4
Web graphics
Last updated 1/10/2010
Photoshop does not display HTML text in the document window; you must use a web browser to preview the text. Be
sure to preview HTML text in different browsers, with different browser settings, and on different operating systems
to confirm that your text is displayed correctly on the web.
Note: The amount of text in a No Image slice can affect the layout of an exported page.
1 Select a slice. Double-click the slice with the Slice Select tool to display the Slice Options dialog box. You can
double-click the slice in the Save For Web & Devices dialog box to set additional formatting options.
2 In the Slice Options dialog box, select No Image from the Slice Type menu.
3 Type the desired text in the text box.
4 (Save For Web & Devices dialog box only) If the text includes HTML formatting tags, select the Text Is HTML
option. If you don’t select this option, HTML tags are ignored and all text appears as unformatted plain text on the
resulting web page.
5 (Save For Web & Devices dialog box only) If desired, select options in the Cell Alignment section of the dialog box:
Default Uses the browser’s default for horizontal alignment.
Left Aligns the text to the left side of the slice area.
Center Aligns the text to the center of the slice area.
Right Aligns the text to the right side of the slice area.
Default Uses the browser’s default for vertical alignment.
Top Aligns the text to the top of the slice area.
Baseline Sets a common baseline for the first line of text in cells in the same row (of the resulting HTML table). Each
cell in the row must use the Baseline option.
Middle Centers the text vertically in the slice area.
Bottom Aligns the text to the bottom of the slice area.
More Help topics
“ Preview optimized images in a web browser ” on page 518
Optimizing images
About optimization
When preparing images for the web and other online media, you often need to compromise between image display
quality and the file size of the image.
Save for Web & Devices
You can use the optimization features in the Save For Web & Devices dialog box to preview optimized images in
different file formats and with different file attributes. You can view multiple versions of an image simultaneously and
modify optimization settings as you preview the image to select the best combination of settings for your needs. You
can also specify transparency and matting, select options to control dithering, and resize the image to specified pixel
dimensions or a specified percentage of the original size.
When you save an optimized file using the Save For Web & Devices command, you can choose to generate an HTML
file for the image. This file contains all the necessary information to display your image in a web browser.