WONKO'S IMAGE SIZING TUTORIAL

OK, remember I said most monitors show their images at 72dpi. Web browsers don't care what the ruler measurements are in most cases. Watch what happens when I change various settings:

36x50 pixels / 1in x 1.389in at 36dpi

36x50 pixels / 0.5in x 0.694in at 72dpi

36x50 pixels / 0.25in x 0.347in at 144dpi.

36x50 pixels / 36in x 50in at 1dpi

The point here is that if the pixels stay the same, you can represent the measurement/dpi expression in an almost infinite number of ways.

So what happens when you change the pixels? This will also change the dpi or the ruler measurements. Look at what happens.

72x100 pixels / 1in x 1.389in at 72dpi

72x100 pixels / 0.5in x 0.694in at 144dpi

144x200 pixels / 0.5in x 0.694 at 288dpi

As you can tell the measurements are almost useless on your browser. All it cares about is how many pixels wide by how many high. I think you should be getting the idea now.