Graphics Programs Reference
In-Depth Information
Optimizing the image slices
Now that you optimized the text slices, you will optimize the remaining image slices
using a dif erent format. This technique isn't always recommended, but it can work well
for some images. You can optimize images even more by saving varying levels of the same
format; for instance, select JPEG for all the slices, but vary the quality level, depending on
the importance or location of the slice.
1
Click the Optimized tab to see just this view.
2
Using the Slice Select tool ( ), click the slice in the upper-left side of the image, then
Shift+click each of the other three (non-text) slices. There should be a total of four
slices selected.
3
From the Preset drop-down menu in the Optimized panel, choose JPEG Medium.
You can test your i le in a web browser directly from the Save For Web dialog box.
4
Select the Preview in default browser button at the bottom of the Save For Web dialog
box. If you have a default browser installed, your image is opened on a browser page.
You can also dei ne a browser using the Preview the optimized image drop-down menu
in the lower-left corner of the Save For Web dialog box.
Notice that the slices are not apparent and the code is visible in your preview.
Preview the optimized image in a browser.
The slices you created for the navigation will not be working yet because this test page
has not been saved into your lesson folder; it is just a temporary page.
5
Close the browser window to return to the Save For Web dialog box.
6
Choose Save; the Save Optimized As dialog box appears. Browse to the ps12lessons
folder and choose HTML and Images from the Format drop-down menu. Click Save.
An HTML page, along with the sliced images, is saved in your ps12lessons folder.
You can now open the i le in Dreamweaver, or any other web editing program, and
continue building the page, or copy and paste the table to another page.
7
Choose File > Save to save your original image. Choose File > Close to close the i le.
