Image Sizing

9/30/99

Although HTML provides the width and height attributes, you should not use these attributes to "size" images. As shown below, the same image has been entered into the page at three different sizes. The one in the middle has been correctly placed in the page at its true size (it was sized in Photoshop prior to placement). The image to the left is being displayed at half the size it actually is. This is a problem because the end-user is having to download extra data that doesn't benefit them. The image to the right is twice the actual size. Notice how it is being pixelated. There is not enough data to display the image at the specified size. Thus the pixels are being spread across the area, causing aliasing to occur. The only thing that the height and width attributes are good for is defining area alotted to an image proior to it being downloaded.



.5 = 1 1 = 1    2 = 1