Pixles are used in all measurements when building a web page such as the border of a table is set in pixles.
Although you can't really tell what the dimensions in inches are of a graphic, you can usually judge it pretty well. If you have scanned a photograph, you will, of course, know the dimensions in inches. Also remember that the size of the viewing screen will alter the size of the graphic somewhat. On my 27 inch TV, graphics look different than when I have the WebTv hooked up to my 12 inch TV.
72 pixels equals 1 inch. You would multiply the inches or fraction of an inch by 72. Here is a simple conversion chart for fractions of inches.
1/8" = .125 X 72 = 9 pixles 1/4" = .25 X 72 = 18 pixles 3/8" = .375 X 72 = 27 pixles 1/2" = .50 X 72 = 36 pixles That would make 1 3/8" = 1.375 X 72 = 99 pixles
Below are some examples of a few sizes that work well for anything from buttons through banners.
1/2"H X 3/8"W = 36H X 27W
1"H X 3/4"W = 72H x 54W
2"H X 1 3/8"W = 144H X 99W
3"W X 2 1/8"H = 216H X 153W
4"H X 2 7/8"W = 288H X 207W
So, the image tag for the bottom graphic would look like this:
<img src="name of graphic .gif or .jpg" height=288 width=207>
Sometimes you just have to play with it. If the graphic looks distorted, change the pixles until it is clear. If the graphic looks like someone stepped on it and squashed it down...change the height to a little more. If it looks like it got caught in a door and squeezed it together....change the width to a little more.
This will get much eaiser as you work with it. I promise..LOL