Optimizing Graphics and Organizing Files

PhotoWebber's Output View provides a variety of file management tools including: defining a Site Folder, creating new folders, moving graphics and HTML files to different folders within the root, renaming pages, files and folders, and resolving file conflicts. (For more detailed information on Managing Files and Folders, see PhotoWebber User Guide, HTML.)

PhotoWebber also provides options for defining output graphics file formats and optimization.

In this tutorial we will change file formats, define optimization settings and create a new folder for our graphics files.

1. Create a new document and import Tutorial5.PSD.
2. Set GIF optimization.

Select the Button layer.

In the Graphics Properties window, change the Number of Colors to 16.

Tip: To reduce the size of each GIF file, PhotoWebber automatically reduces the number of colors in the palette to the actual number of colors used. You can force PhotoWebber to write GIFs with fewer colors by specifying the maximum number of colors to use.

3. Set JPG optimization.

Select the PhotoWebber layer.

In the Graphics Properties window, change the File Type to JPEG.

Change the Quality to 50.

 

Note: The Properties window and the icons in the Output View list change color to reflect the new file types.

3. Select a Site Folder and Create an IMAGES folder.

From the Manage menu in the Layers window, select Set Site Folder and choose an empty folder on your hard drive.

Then select New Folder from the Manage menu.

Highlight the new folder in the Output View list and in the Properties window, change the name of the folder to Images.

4. Move all of the graphics into the images folder.

Drag the graphics icons and drop them onto the Images folder.

 

 

Build the page and examine the files that are output on your hard drive. Compare this to the list shown on the Output View tab.

 

Copyright © 2000 - 2001 Media Lab, Inc. All rights reserved.
PhotoWebber is a trademark of Media Lab. Photoshop is a registered trademark and GoLive is a trademark of Adobe Systems Incorporated.
All other trade names are trademarks of their respective owners.