PhotoPlus X2 User Guide - Serif

168 Making Images for the Web
Slicing images
Image slicing and image maps are two convenient ways to create navbars
(navigation bars) and clickable graphics for Web pages. With image slicing, a
graphic is carved up into smaller graphics—each of which can have its own link,
like any Web graphic—and PhotoPlus saves the sections as separate files when you
export the image. The process also exports HTML tags describing a table
containing the separate graphics, allowing a Web browser can reassemble them
seamlessly. The result appears as a single larger graphic, but with different regions
linked to different targets.
For example, the menu bar graphic (below top)... can be sliced into four separate
graphics (below bottom), each linked to a different Web page.
The Image Slice Tool lets you divide the image into sections which can be exported
to the .GIF or .JPG file format. You can specify alternate text and URL links for
each of the image sections individually.
To slice the image:
• Choose the Image Slice Tool from the Standard toolbar.
• To place a horizontal slice guide on the image, click on the image at your
chosen cursor position. Shift-click to place a vertical guide. A red guide line
appears with each click.
• To move a guide, simply drag it.
• To delete a guide, drag it out of the image window.
To specify the alternate text and/or link:
• Right-click an image slice (any area enclosed by horizontal and vertical slice
guides) and enter the alternate Text and URL (link) information in the dialog.
Once you've sliced up your image you have to export it to make the image slices
understandable to a Web visitor's browser.