: Do browsers really only display images at 72 pixels per inch? In the book HTML and CSS, I came across the following quote: The web browsers on most desktop computers display images at
In the book HTML and CSS, I came across the following quote:
The web browsers on most desktop computers display images at a resolution of 72 pixels per inch (ppi).
So is it really useless to create an image larger than 72 ppi if the browser will only render it at 72 ppi? After all, the larger the file, the slower it is to load and don't want to slow load time for nothing.
My monitor has a resolution of 1680 x 1050 yet according to this book, when I open up Firefox and view images, they will only be viewed at 72 ppi.
More posts by @Kimberly620
2 Comments
Sorted by latest first Latest Oldest Best
They don't in fact you'll be hard pressed to find a modern computer that does. Its a historical remnant. So today it just means screen resolution. (the value has to be something in many formats).
So is it really useless to create an image larger than 72 ppi if the browser will only render it at 72 ppi?
No the value never comes to play. Resolution can mean two things at the same time. It can mean the fidelity of the display device in physical units or it can means total number of imaging elements. PPI value does not change the size of your image file, just the amount of pixels matters, even for print.
See the resolution is your images pixel dimensions. PPI or DPI do not come into play. This info is a piece of metadata where you say I wish this to be displayed as so and so inches wide. However nearly every device will ignore you, in fact even desktop printers can and often do ignore you.
For web and computer imaging it simply does not matter at all, only pixel dimensions matter. Ignore the info (again for historical reasons its considered important, because few decades back all images in Photoshop was destined for print). If you find this confusing then i can tell you your not the only one.
PPI is pixels per inch. That is a measure of pixel density, at 72 pixels/inch. Resolution is total amount of pixels at width x height, or 1680x1050.
Density = total pixels / total inches
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.