لطفا منتظر باشید ...
Saving linked images in a215 file
When you save an image with linked slices and image maps in a215 file, the basi204 tags needed to display the image on a Web page are generated automatically. The easiest way to do this is to choose th206 and Images option when you save the optimized image. Once you have created th206 file, it can easily be updated to reflect any changes, such as new or modified image-map areas or URLs.Before saving th206 file, however, quickly check your links in the Web Content palette.
1. Choose Window > Web Content to open that palette. If necessary, click the arrows to expand the Image Maps and Slices categories, and drag the lower right corner of the palette down so that you can see all the items listed.2. Review the Web Content listings, which include thumbnails of the slices and image maps. Notice that the image-map thumbnails include the boundary lines of the image-map areas. Click to select any slice or image map, and the Slice or Image Map palette, respectively, displays the relevant information about the slice or image map.
3. Close the Web Content palette or move it out of the way.4. Choose File > Save Optimized As. (Do not select Save As.)5. In the Save Optimized As dialog box, accept the default name, 13Star221; choos206 and Images from the Save As Type pop-up menu (Windows) or Format pop-up menu (Mac OS); and specify the Lessons/Lesson13/13MyPage folder as the destination. Then, click Save.NoteIn Photoshop, create an file by choosing File > Save for Web. Optimize the image, and then click Save. The Save Optimized As dialog box will appear, and you can specify the information.Optimizing images for the Web
Optimizing is the process of selecting format, resolution, and quality settings so that an image has the efficiency, visual appeal, and utility for Web browser pages. Simply put, it''s balancing file size against good looks. No single collection of settings can maximize the efficiency of every kind of image file; optimizing requires human judgment and a good eye.Compression options vary according to the file format used to save the image. You should be familiar with the two most common formats: JPEG and GIF. The JPEG format is designed to preserve the broad color range and subtle brightness variations of continuous-tone images such as photographs. It can represent images using millions of colors. The GIF format is effective at compressing solid-color images and images with areas of repetitive color, such as line art, logos, and illustrations with type. It uses a palette of 256 colors to represent the image and supports background transparency.Photoshop and ImageReady offer a range of controls for compressing image file size while optimizing onscreen display quality. Typically, you optimize images before saving them in a215 file. In Photoshop, you use the Save for Web dialog box; in ImageReady, you use the Optimize palette. Both methods let you compare the original image to one or more compressed alternatives and interactively change settings as you compare. To experiment as described in the following captions, use the images in the Lessons/Lesson13 folder. And for more on optimizing GIF and JPEG images, see Photoshop Help.JPEG compression preserves broad color ranges and is suitable for continuous-tone photographic images. With the mailbox.psd file open in Photoshop, choose Save for Web, and click the 4-Up tab. (In ImageReady, click the 4-Up tab and make sure the Optimize palette is open.) The upper left preview area displays the original image; Photoshop automatically renders high-, medium-, and low-quality JPEG previews. Compare the quality and size differences, and then click any optimized version to experiment with format and quality settings, continuing to judge quality vs. file size.
GIF compression uses a palette of 256 colors to represent an image, making it suitable for artwork with areas of solid or repetitive color. With the landscape.psd image open in Photoshop, choose Save for Web, and click the 4-Up tab. (In ImageReady, click the 4-Up tab and make sure the Optimize palette is open.) The original image appears in the upper left corner; Photoshop renders three GIF alternatives. Compare the quality and size differences, and click any optimized version to experiment with format, color-reduction method, and other options. The Color Table palette shows exactly which colors are used in the optimized file.7. Click several of the areas with slices or image maps that you created and examine them to see that they link properly (they should).[View full size image]
