Slicing images

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.

To slice the image:

To specify the alternate text and/or link:

Once you've sliced up your image you have to export it to make the image slices understandable to a web visitor's browser.

To export a sliced image:

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.