User Guide

Canvas 12 User Guide
Metatags
When Canvas creates an HTML file from a document, it uses metatags in the HTML file header to
include data entered in the document Properties dialog box. This data includes information such as
Title, Subject Keywords, Author, and Category from the fields on the Summary tab in the Document
Properties dialog box.
To add metatags to a document:
Choose File | Properties and click the Summary tab. Enter any keywords in the fields.
How images are handled
Canvas uses compression and color reduction to optimize images for faster display on Web pages. All
graphic objects are exported as RGB images in GIF or JPEG format. You can choose the image format
or allow Canvas to decide this option for you (see "Image options" on page 717).
When you select Automatic from the Image format menu, Canvas exports RGB Color and CMYK Color
images as RGB (24-bit) images using JPEG compression. Indexed mode images, which use a
maximum of 8 bits of color information per pixel, are exported in GIF format. Black and White images
are exported as Indexed images (8-bit). Canvas exports Grayscale images as Indexed images (8-bit)
or JPEG-compressed RGB images, using the format that it determines will produce the best results.
How slices are exported
If slices are available in the Canvas document at the time of HTML export, then Canvas will design the
document layout to conform to the slices. Canvas will also accept an individual slice’s setting when it
renders and names the images (see "Exporting slices" on page 707 and "Slicer Export options" on
page 707).
Slices are used only when Table Layout is activated.
How animated GIFs and Web buttons are handled
When exporting animated GIFs, one GIF file will be produced for each animated GIF.
Regarding Web buttons, one image for each Web button’s state will be exported. This group of
images will be linked together using Java scripting.
You cannot overlap these objects in Table Layout mode. If that happens, then an Animated GIF or
Web button will be rendered and exported as a simple image. You can overlap the objects in CSS
Layout mode only.
718