Publishing and Exporting > Publishing Flash movies > Publishing PNG files

Publishing PNG files

PNG is the only cross-platform bitmap format that supports transparency (an alpha channel). It is also the native file format for Macromedia Fireworks.

Flash exports the first frame in the movie as a PNG, unless you mark a different keyframe for export by entering the frame label #Static.

To publish a PNG file with the Flash file:

1 Choose File > Publish Settings.
2 Select the PNG Image type. Enter a unique name for Filename, or select Use Default Name to create a file with the Flash file name plus the .png extension.
3 Click the PNG panel to display its settings.
4 For Dimensions, enter a Width and Height in pixels for the exported bitmap image, or select Match Movie to make the PNG the same size as the Flash movie and maintain the aspect ratio as your original image.
5 Choose a Bit Depth to set the number of bits per pixel and colors to use in creating the image:
Choose 8-bit for a 256-color image.
Choose 24-bit for thousands of colors.
Choose 24-bit with Alpha for thousands of colors with transparency (32 bits).
The higher the bit depth, the larger the file.
6 Choose Options to specify appearance settings for the exported PNG:
Optimize Colors removes any unused colors from a PNG file's color table. This option reduces the file size by 1000 to 1500 bytes without affecting image quality, but slightly increases the memory requirements. This option has no effect on an adaptive palette.
Interlace makes the exported PNG display in a browser incrementally as it downloads. An interlaced PNG provides the user with basic graphic content before the file has completely downloaded and may download faster over a slow network connection. Do not interlace an animated PNG.
Smooth applies anti-aliasing to an exported bitmap to produce a higher-quality bitmap image and improve text display quality. However, smoothing may cause a halo of gray pixels to appear around an anti-aliased image placed on a colored background, and it increases the PNG file size. Export an image without smoothing if a halo appears or if you're placing a PNG transparency on a multicolored background.
Dither Solids applies dithering to solid colors and gradients. See Dither options in step 7.
Remove Gradients, turned off by default, converts all gradient fills in the movie to solid colors using the first color in the gradient. Gradients increase the size of a PNG and often are of poor quality. If you use this option, choose the first color of your gradients carefully to prevent unexpected results.
7 Choose a Dither option to specify how pixels of available colors are mixed to simulate colors not available in the current palette. Dithering can improve color quality, but it increases the file size. Choose from the following options:
None turns off dithering and replaces colors not in the basic color table with the solid color from the table that most closely approximates the specified color. Not dithering can produce smaller files but unsatisfactory colors.
Ordered provides good-quality dithering with the smallest increase in file size.
Diffusion provides the best-quality dithering but increases file size and processing time more than ordered dithering. It also only works with the Web 216 color palette selected.
8 Choose Palette Type to define the color palette for the PNG image:
Web 216 uses the standard 216-color browser-safe palette to create the PNG image, for good image quality and the fastest processing on the server.
Adaptive analyzes the colors in the image and creates a unique color table for the selected PNG. This option is best for systems displaying thousands or millions of colors; it creates the most accurate color for the image but results in a file size larger than a PNG created with the Web 216 palette.
Web Snap Adaptive is the same as the Adaptive palette option except that it converts very similar colors to the Web 216 color palette. The resulting color palette is optimized for the image, but when possible, Flash uses colors from Web 216. This produces better colors for the image when the Web 216 palette is active on a 256-color system.
To reduce the size of a PNG with an adaptive palette, use the Max Colors option to decrease the number of palette colors, as described in the next step.
Custom to specify a palette that you have optimized for the selected image. This option has the same processing speed as the Web 216 palette. To use this option, you should know how to create and use custom palettes. To choose a custom palette, click the Ellipsis (...) button to the right of the Palette box at the bottom of the dialog box and select a palette file. Flash supports palettes saved in the ACT format, exported by Macromedia Fireworks and other leading graphics applications; for more information, see Importing and exporting color palettes.
9 If you selected the Adaptive or Web Snap Adaptive palette in step 8, enter a value for Max Colors to set the number of colors used in the PNG image. Choosing a smaller number of colors can produce a smaller file but may degrade the colors in the image.
10 Choose Filter Options to select a line-by-line filtering method to make the PNG file more compressible, and experiment with the different options for a particular image:
None turns off filtering.
Sub transmits the difference between each byte and the value of the corresponding byte of the prior pixel.
Up transmits the difference between each byte and the value of the corresponding byte of the pixel immediately above.
Average uses the average of the two neighboring pixels (left and above) to predict the value of a pixel.
Path computes a simple linear function of the three neighboring pixels (left, above, upper left), and then chooses as a predictor the neighboring pixel closest to the computed value.
Adaptive analyzes the colors in the image and creates a unique color table for the selected PNG. This option is best for systems displaying thousands or millions of colors; it creates the most accurate color for the image but results in a file size larger than a PNG created with the Web 216 palette. You can reduce the size of a PNG created with an adaptive palette by decreasing the number of colors in the palette.
11 To save the settings with the current file, click OK.