![]() |
||
|
The image above is a 72 dpi Gif image, 192 pixels wide, by 44 pixels high. This means it is designed for a web page, and is meant to look exactly the way it looks as you see it now. If you check the html of this page, you will see that the image is set at width="192" height="44," which is the correct setting for its real-life size. In other words, the browser is being instructed to display the Gif at its real pixel size.
|
This is the same image again, only it has been scaled down artificially by using the width and height commands to define a smaller setting of width="151" height="34." However, this new "squashed down" image will now appear dotty and unclear, since the image itself has not been re-sized, but only made to "appear" re-sized.
|
Likewise, this image has been artificially scaled to width="225" height="54," which makes it "appear" bigger. In Netscape you can right click on these images, then click "View Image" to see they are all the same size in reality (click back key to return to this page). This includes the square one, below left. In IE, you can right click image, then "Properties," to see they are all the same byte size. To sum up, web-design programs and browsers are not graphics programs. When they "re-size" a picture, they actually create an ugly, pretend re-size. You should always re-size Jpegs and Gifs in graphics programs like Photoshop or Xara. Once you have the size you want, place it on your web page, without re-sizing in that program. We are happy to help, should you need assistance. Let us know the size you would like, and we'll e-mail it out to you.
|
For
details about high resolution images, and why they look the way they do on screen,
click here.
AOL users should read the article on AOL image resizing, here.
| Homepage | Top | Back to Tutorials | Back to FAQ's |
| ©
Copyright 1999-2002 Global Design Ltd. All rights reserved. |