Image slicing and image maps are two convenient ways to create 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 to reassemble them seamlessly. The result appears as a single larger graphic, but with different regions linked to different targets.
For example, the menubar 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.
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 guide line appears with each click.
To move a guide, simply drag it.
To delete a guide, drag it out of the image window.
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.
When exporting with File>Export Optimizer, specify a name and folder for the files as usual, and choose either GIF or JPG as the export file type. Ensure the Create Image Slices box is checked on the second Export dialog.
Since exporting slices creates multiple files, you may wish to create a separate folder for them.
The export will create multiple files in the specified folder, depending on how many slices you have defined. The output consists of a series of image files of the format selected (for example, MYFILEH0V0.GIF, MYFILEH0V1.GIF, etc.) and a single HTML file (for example, MYFILE.HTM). The HTML file contains the tags for the set of image slices, ready to be pasted into the source code for the web page.