Feeling rather stupid at the moment, could someone please explain to me whether graphics at 96 dpi would be displayed differently on web pages than graphics at 72 dpi?
I’ve always used 72 dpi for anything that had to be published online. However, lately I’ve noticed that some of my graphics utilities (for screenshots and general editing) are preset to 96 dpi.
What’s the difference (other than 24)?
And are there going to be obviously noticeable differences when some images/graphics are 96 dpi and some are 72 dpi on the same web page?
Thanks everyone. Makes sense . . . now.
Hmm, a web browser has no concept of dpi thus it will appear different to say Photoshop (where you can see print and actual size, etc.) As far as the browser is likely to be concerned anything over 72 dpi is meaningless anyway (or for that matter so is 72 but that’s another story).
In reality the dpi ‘Text Size’ is a “Logical Inch” computed value. Don’t confuse “logical inches” with “real inches” - very different concepts.
For example we have five; 100px by 100px images, one at 2 dpi, 72 dpi, 96 dpi, 300 dpi and 1600 dpi. It will look the exact same size within a web browser but when printed it will differ.
Basically DPI does NOT apply to video screens; video systems know no concept of dpi at all or any concept of inches either. You should notice that the terms “dpi” or “ppi” simply do not appear in any user manual for any monitor or for any video board.
Thank you!
That makes a lot of sense.
'Preciadeit!
The only way to get a different dpi on your screen is to change the screen resolution. The dpi is dependent on the screen size and resolution. You can’t have the same screen set to more than one resolution at the same time so you can’t get more than one dpi at once (unless you set the resolution to one intended for a different shaped screen so that you end up with the horizontal dpi different from the vertical). Those 72 and 96 figures are nominal ones based on a presumed screen size. The actual dpi will depend on the exact size of the display area and the exact screen resolution set.