Let's have a look at the Optimize panel controls. You can optimize a whole document at once, or assign different optimization settings to each slice in a document. It works in conjunction with the preview buttons at the top of the document window. The Optimize panel contains controls for optimizing images in the workspace. Optimizing in the workspace The Optimize Panel This article will focus on the second and fourth optimization features. The four features are the Export Wizard, optimizing in the workspace with the Optimize Panel or applying a Preset setting from the Property inspector, and optimizing in the Image Preview panel. Use 8-bit and Fireworks 24-bit PNG files instead.įireworks has four optimization features to help you find the right balance between file size and visual quality. NOTE: As of this writing, 32-bit PNG transparency is not supported by Internet Explorer without using a proprietary bit of markup called the Alpha Image Loader filter. It uses zlib compression and some extra filters to compress the image without losing any of the image data. PNG can support up to 32-bit color and contain transparency or an alpha channel. It may be less than that of a JPEG for the same image too. The exported file size of a PNG will usually be less than that of a GIF for the same image. Like GIF, PNG format enables you to specify the number of colors to use in optimization. Reducing the file size of a GIF is simply a matter of reducing the number of colors it contains.įigure 2: Typical GIF image PNG (Portable Network Graphic) GIF is called a lossless format (though it isn’t). It is the format to choose for images with large areas of flat color, when you want to keep lines or edges sharp, when you want to make use of indexed transparency, or when you want to export multiple frames for animation. Reduce the file size of JPEGs by lowering the quality setting.įigure 1: Typical JPEG image GIF (Graphic Interchange Format) Use JPEG format for photographic images, where the detail varies in small stages, and where there are gradient-like variations in color. Lossy means that some of the picture information is discarded to reduce the file size. The JPEG format supports millions of colors and is described as a lossy format. Create a folder inside the new directory and label it Assets.ĭownload the supporting files Choosing the best file format for your image JPEG (Joint Photographic Expert Group)
![fireworks animations gif fireworks animations gif](https://media.giphy.com/media/26tOZ42Mg6pbTUPHW/giphy.gif)
Unzip the supporting files into your new folder. Create a new directory on your hard drive and label the folder Optimization.
#FIREWORKS ANIMATIONS GIF ZIP#
If you'd like to follow along, click on the ZIP icon to download the supporting files. We’ll be optimizing some actual images in this tutorial. Setting format-specific options, such as color depth, the amount of compression.Choosing the best file format for a graphic.Optimizing graphics in Fireworks involves: Optimizing graphics ensures they possess the right mix of color, compression, and quality. The number one reason for Optimizing images is to reduce the amount of time it takes for a browser to download, decompress, and display the image.