DPI refers to the amount of ink dots/spots the press will place within an inch. DPI has no bearing on images destined for screen. They are both 100px by 100px images still.ĭPI (Dots Per Inch) settings are only applicable when printing an image. are they any different in a web browser? Nope. Make one image 72ppi and the other 300ppi. Create two images in Photoshop both 100 pixels by 100 pixels.
#Web image resolution for retina display windows#
In fact, it was never accurate for Windows systems, because Windows uses a default of 96ppi for pixel density.ĭon't believe me? Try it for yourself.
72ppi hasn't been accurate for over 40 years. In reality, a monitor using a pixel density of 72ppi hasn't been seen since the early to mid 1980s. The pixel density of retina displays is higher however, they still display image at whatever the screen states is the width and height of an image not based on any PPI setting.
This is why images for retina displays are saved at 2x size, rather than an increased ppi setting.
In fact, many web images such as png, gif, jpg may not even store a ppi setting in their internal data and rely on width and height settings.Ī 100 pixel x 100 pixel image displays as that on the web regardless of any PPI/DPI setting. Images on the web, retina displays or otherwise, are displayed by their pixel dimensions (width and height) not any PPI/DPI setting. PPI (Pixels Per Inch) settings are not used in web images.