User Tools

Site Tools


webdesign:htmloptionsforslices

HTML Options Slices

Display the Slice Options dialog box

Do one of the following:

  • Double-click a slice with the Slice Select tool . (If the tool isn’t visible, hold down the Crop or Slice tool.)
  • With the Slice Select tool active, click the Slice Options button in the options bar. This method is not in the Save For Web & Devices dialog box.

Specify a slice content type

You can specify how the slice data appears in a web browser when exported with an HTML file. The available options vary according to the slice type you select.

  • Image slices contain image data. This is the default content type.
  • No Image slices let you create empty table cells that can be populated with text or a solid color. You can enter HTML text in a No Image slice. If you set the “Text is HTML” option in the Save for Web & Devices dialog box, the text is interpreted as HTML when viewed in a browser. Slices of type No Image aren’t exported as images and can be previewed in a browser.

Note: Setting options for an auto slice promotes the slice to a user slice.

  1. Select a slice. If you are working in Photoshop, double-click the slice with the Slice Select tool to display the Slice Options dialog box.
  2. In the Slice Options dialog box, select a slice type from the Type pop‑up menu.

Rename a slice

Select a slice and double-click the slice with the Slice Select tool to display the Slice Options dialog box. In the Slice Options dialog box, type a new name in the Name text box.

Note:The Name text box is not available for No Image slice content.

Choose a background color for a slice

You can select a background color to fill the transparent area (for Image slices) or entire area (for No Image slices) of the slice.

Photoshop does not display the selected background color—you must preview the image in a browser to view the effect of selecting a background color.

  1. Select a slice. If you are working in the Photoshop Save For Web & Devices dialog box, double-click the slice with the Slice Select tool to display the Slice Options dialog box.
  2. In the Slice Options dialog box, select a background color from the Background Color pop‑up menu. Select None, Matte, White, Black, or Other (using the Adobe Color Picker).
webdesign/htmloptionsforslices.txt · Last modified: 2017/01/12 09:12 (external edit)