<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Compressed Png</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h1>Compressed Png</h1>
        <p>
        This site combines the 3 images below into a sprite. Normally that sprite has a pallette of 256 colors, the same as the individual images.
        However, the site
        uses the
        <em>pixelFormat</em> property of the <em>imageGroups</em> element to reduce the color depth of the sprite from 256 colors to 16 colors.
        It uses the <em>paletteAlgorithm</em> property to set the algorithm to be used do the reduction (the package will use a good default algorithm
        if you don't specify one).
        As a result, the sprite now takes 1.61KB instead of 3.97KB.
        </p>
        <p>
        To see the generated html, do a View Source of the page. The generated sprite is in the ___spritegen directory in the root of this site.
        </p>
        <p><img src="images/contactus.png" /></p>
        <p><img src="images/cart.png" /></p>
        <p><img src="images/print.png" /></p>
    </div>
    </form>
</body>
</html>
