268
USING PHOTOSHOP ELEMENTS 8
Optimizing for the web
Last updated 7/26/2011
8 If the image contains transparency, select Transparency to preserve transparent pixels; deselect Transparency to fill
fully and partially transparent pixels with the matte color.
9 To create an animated GIF, select Animation.
10 To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.
More Help topics
“About dithering” on page 271
“About transparent and matted web images” on page 269
Optimize as PNG-24
PNG-24 format is suitable for compressing photographs. However, PNG-24 files are often much larger than JPEG files
of the same image. PNG-24 format is recommended only when you work with an image that includes multiple levels
of partial transparency.
1 Open an image and choose File > Save For Web.
2 Choose PNG-24 for the optimization format.
3 Select Interlaced to create an image that is displayed at low-resolution in a browser while the full-resolution image
is downloading. Interlacing can make downloading time seem shorter and gives viewers feedback that downloading
is in progress.
4 If the image contains transparency, select Transparency to preserve transparent pixels; deselect Transparency to fill
fully and partially transparent pixels with the Matte color.
5 To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.
More Help topics
“Preserve background transparency in a GIF or PNG image” on page 270
Create an animated GIF
1 Place the images you want to appear in each frame of the animation on separate layers of the Layers panel. For
example, to create an animation of an eye blinking, you would place an image of the open eye on one layer, and an
image of the closed eye on another layer.
2 Choose File > Save for Web.
Note: If your image has multiple layers, you can also open the Save For Web dialog box from the Save As dialog box by
choosing CompuServe GIF Format and selecting Layers As Frames.
3 Optimize the image in GIF format.
4 Select Animation.
5 Set additional options in the Animation section of the dialog box:
Loop Continuously repeats the animation in a web browser.
Frame Delay Specifies the number of seconds that each frame is displayed in a web browser. Use a decimal value to
specify fractions of a second. For example, use .5 to specify half a second.
