<%@ 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>Auto Resized Images</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h1>Auto Resized Images</h1>
        <p>
        This site demonstrates that when you use a <em>width</em> and/or <em>height</em> on an image tag that are smaller than the physical size of the
        image, that the package than physically resizes the image to the given width and height.
        </p>
        <p>
        It needs to do this in order to create a working sprite. It also saves you bandwidth.
        </p>
        <p>
        An alternative way to resize images on the fly is to use the <em>resizeWidth</em> and/or <em>resizeHeight</em> property of the <em>imageGroups</em> element.
        </p>
        <p>
        To see for yourself whether the image has been physically resized, save it to disk. Than compare with the image in the <em>largeimages</em> directory of this web site.
        </p>
        <p><img src="largeimages/vanuatu1.jpg" width="100" /></p>
    </div>
    </form>
</body>
</html>
