Facelift - Output Methods

By default, the output method is set to "auto". Most users will never have to change this setting but you shold at least know the different methods available and what they do. » Back to all examples

An example of regular PNG output.

This is an example of the standard PNG output. It automatically has a transparent background so any CSS background set for the element will show through.

An example of regular GIF output, no background color specified.

Facelift uses the colors you specify in your CSS. If you use GIF output and don't specify a background color, one will automatically be created and you probably won't like the results. (The font color above has been changed to white for readability.)

An example of regular GIF output with a background color.

This element has a background color of blue (#3399FF). The GIF will be generated using the background color of it's parent element. Click the header above to change it's background color, and allow you to see the generated image's boundaries.

Output method "auto". The result is a PNG image.

When the output method has been set to auto, PNG will be used unless the element has a background-color set.

Output method "auto". The result is a GIF image.

Since this element has a background color of blue (#3399FF), a GIF will be generated using the CSS background color detected. Click the header above to change it's background color, and allow you to see the generated image's boundaries.