Table of Contents
Advertisement
Output settings for web graphics
Set output options
HTML output options
Slice output options
Background output settings
Saving Files output settings
Include title and copyright information with an image
Set output options
Output settings control how HTML files are formatted, how files and slices are named, and how background images are handled when you save
an optimized image. You set these options in the Output Settings dialog box.
You can save your output settings and apply them to other files.
1. To display the Output Settings dialog box, do one of the following:
When you save an optimized image, choose Other from the Settings pop-up menu in the Save Optimized or Save Optimized As dialog
box.
Choose Edit Output Settings from the Optimize pop-up menu (to the right of the Preset menu) in the Save For Web & Devices dialog
box.
2. (Optional) To display predefined output options, choose an option from the Settings pop-up menu.
3. Edit each set of options as needed. To switch to a different set of options, choose an options set from the pop-up menu below the Settings
menu. Alternatively, click Next to display the next set in the menu list; click Prev to display the previous set.
4. (Optional) To save output settings, set the options as desired, and click Save. Type a file name, choose a location for the saved file, and
click Save.
You can save the output settings anywhere. However, if you place the file in the Optimized Output Settings folder inside the Photoshop
folder or in the Save For Web Settings/Output Settingsfolder inside the Illustrator folder, the file will appear in the Settings pop-up menu.
5. (Optional) To load output settings, click Load, select a file, and click Open.
HTML output options
You can set the following options in the HTML set:
Output XHTML Creates web pages meeting the XHTML standard on export. Choosing Output XHTML disables other output options that might
conflict with this standard. Selecting this option automatically sets the Tags Caseand Attribute Case options.
Tags Case Specifies the capitalization for tags.
Attribute Case Specifies the capitalization for attributes.
Indent Specifies a method for indenting lines of code: using the authoring application's tab settings, using a specified number of spaces, or using
no indention.
Line Endings Specifies a platform for line ending compatibility.
Encoding Specifies a default character encoding for the web page. (This option is available only in Illustrator; Photoshop always uses UTF-8
encoding.)
Include Comments Adds explanatory comments to the HTML code.
Always Add Alt Attribute Adds the ALT attribute to IMG elements to comply with government web accessibility standards.
Always Quote Attributes Places quotation marks around all tag attributes. Placing quotation marks around attributes is required for compatibility
with certain early browsers and for strict HTML compliance. However, always quoting attributes is not recommended. Quotation marks are used
when necessary to comply with most browsers if this option is deselected.
Close All Tags Adds close tags for all HTML elements in the file for XHTML compliance.
Include Zero Margins On Body Tag Removes default internal margins in a browser window. Adds marginwidth, marginheight, leftmargin, and
topmargin tags with values of zero to the body tag.
Slice output options
You can set the following options in the Slices set:
To the top
To the top
To the top
Hide quick links:
Advertisement
Table of Contents
