PNG8 Palette-Based Alpha Transparency

Web designers use alpha channel to create various effects (like translucent surfaces, shadow and glow effects) and for edge anti-aliasing. Starting from the version 2.4.3, JPEG Imager has an ability to emulate alpha channel semi-transparency for palette-based PNG files.

PNG format specification allows defining more than one palette entry as fully or partially transparent. This feature of the format makes it possible to convert a 32-bit true color image to 8-bit indexed palette while preserving transparency information. Converting images to indexed color format may help to optimize page loading time since converted files are usually much smaller.

Modern web browsers, such as Internet Explorer 7-9, Mozilla Firefox, Opera 6+ and Safari have full alpha support (including palette alpha). But earlier versions of Internet Explorer (5.5-6.x/Win32), which are still in wide use today, will handle true alpha channel incorrectly, rendering non-palette images fully opaque with a solid gray background by default.

The indexed alpha images, however, are displayed differently in those older browsers, as if the image has a single transparent color (binary transparency, similar to GIF). Such limited transparency often produces a better effect (compared to absolute opaqueness) with acceptable degradation of visual quality.

Examples, 200% zoom
PNG32 rendered in Firefox
PNG32 sample image pre-rendered on a green background in Mozilla Firefox
PNG32 rendered in IE6
PNG32 sample image, IE6
PNG8 rendered in Firefox
PNG8 sample image, Firefox
PNG8 rendered in IE6
PNG8 sample image, IE6

This unique property of PNG8 makes it more "compatible" with crippled old browsers, yet enables full power of alpha transparency in those browsers that support it.

Most of the image-editing tools are unable to create palette-based images with variable transparency. You can use JPEG Imager to convert your graphics to PNG8 format. JPEG Imager implements high quality color quantization algorithm with real-time preview. It efficiently reduces the number of colors in the image taking into account alpha values. See a sample picture at the bottom of this page. You also have an option to create images with old-fashioned binary transparency with dithered alpha.


Transparency Demo

click on the pictures below to change their background (java-script required)

Original image Converted image
RGBA PNG 32bit, 200x300 pix, 79 KB Palette PNG 8bit, 256 colors, 22 KB
32-bit sample image with full alpha channel
8-bit sample image with palette alpha