Pixel density

From HandWiki
Short description: Screen resolution measured in pixels per length

Pixels per inch (ppi) and pixels per centimetre (ppcm or pixels/cm) are measurements of the pixel density of an electronic image device, such as a computer monitor or television display, or image digitizing device such as a camera or image scanner. Horizontal and vertical density are usually the same, as most devices have square pixels, but differ on devices that have non-square pixels. Pixel density is not the same as resolutionwhere the former describes the amount of detail on a physical surface or device, the latter describes the amount of pixel information regardless of its scale. Considered in another way, a pixel has no inherent size or unit (a pixel is actually a sample), but when it is printed, displayed, or scanned, then the pixel has both a physical size (dimension) and a pixel density (ppi).[1]

Basic principles

Since most digital hardware devices use dots or pixels, the size of the media (in inches) and the number of pixels (or dots) are directly related by the 'pixels per inch'. The following formula gives the number of pixels, horizontally or vertically, given the physical size of a format and the pixels per inch of the output:

[math]\displaystyle{ \text{Number of Pixels} = \text{Size in Inches} * \text{PPI} }[/math]

Pixels per inch (or pixels per centimetre) describes the detail of an image file when the print size is known. For example, a 100×100 pixel image printed in a 2 inch square has a resolution of 50 pixels per inch. Used this way, the measurement is meaningful when printing an image. In many applications, such as Adobe Photoshop, the program is designed so that one creates new images by specifying the output device and PPI (pixels per inch). Thus the output target is often defined upon creating the image.

Outputting to a different device

When moving images between devices, such as printing an image that was created on a monitor, it is important to understand the pixel density of both devices. Consider a 23″ HD monitor (20″ wide), that has a known, native resolution of 1920 pixels (horizontal). Let us assume an artist created a new image at this monitor resolution of 1920 pixels, possibly intended for the web without regard to printing. Rewriting the formula above can tell us the pixel density (PPI) of the image on the monitor display:

[math]\displaystyle{ \text{PPI (monitor)} = \frac{\text{Number of Pixels}}{\text{Size in Inches}} = \frac{1920}{20} = 96\text{ ppi} }[/math]

Now, let us imagine the artist wishes to print a larger banner at 48″ horizontally. We know the number of pixels in the image, and the size of the output, from which we can use the same formula again to give the PPI of the printed poster:

[math]\displaystyle{ \text{PPI (poster)} = \frac{\text{Number of Pixels}}{\text{Size in Inches}} = \frac{1920}{48} = 40\text{ ppi} }[/math]

This shows that the output banner will have only 40 pixels per inch. Since a printer device is capable of printing at 300 ppi, the resolution of the original image is well below what would be needed to create a decent quality banner, even if it looked good on a monitor for a website. We would say more directly that a 1920 × 1080 pixel image does not have enough pixels to be printed in a large format.

Printing on paper

Printing on paper is accomplished with different technologies. Newspapers and magazines were traditionally printed using a halftone screen,[2] which would print dots at a given frequency, the screen frequency, in lines per inch (LPI) by using a purely analog process in which a photographic print is converted into variable sized dots through interference patterns passing through a screen. Modern inkjet printers can print microscopic dots at any location, and don't require a screen grid, with the metric dots per inch (DPI). These are both different from pixel density or pixels per inch (PPI) because a pixel is a single sample of any color, whereas an inkjet print can only print a dot of a specific color either on or off. Thus a printer translates the pixels into a series of dots using a process called dithering. The dot pitch, smallest size of each dot, is also determined by the type of paper the image is printed on. An absorbent paper surface, uncoated recycled paper for instance, lets ink droplets spread — so has a larger dot pitch.[3]

Often one wishes to know the image quality in pixels per inch (PPI) that would be suitable for a given output device. If the choice is too low, then the quality will be below what the device is capable of—loss of quality—and if the choice is too high then pixels will be stored unnecessarily—wasted disk space. The ideal pixel density (PPI) depends on the output format, output device, the intended use and artistic choice. For inkjet printers measured in DPI it is generally good practice to use half or less than the DPI to determine the PPI. For example, an image intended for a printer capable of 600 dpi could be created at 300 ppi. When using other technologies such as AM or FM screen printing, there are often published screening charts that indicate the ideal PPI for a printing method.[4]

Using the DPI or LPI of a printer remains useful to determine PPI until one reaches larger formats, such as 36" or higher, as the factor of visual acuity then becomes more important to consider. If a print can be viewed close up, then one may choose the printer device limits. However, if a poster, banner or billboard will be viewed from far away then it is possible to use a much lower PPI.[citation needed]

The outside of the square shown above is 200 pixels by 200 pixels. To determine a monitor's ppi, set the OS DPI scaling setting at 100% and the browser's zoom at 100%, then measure the width and height, in inches, of the square as displayed on a given monitor. Dividing 200 by the measured width or height gives the monitor's horizontal or vertical ppi, respectively, at the current screen resolution.

Computer displays

The PPI/PPCM of a computer display is related to the size of the display in inches/centimetres and the total number of pixels in the horizontal and vertical directions. This measurement is often referred to as dots per inch, though that measurement more accurately refers to the resolution of a computer printer.

For example, a 15-inch (38 cm) display whose dimensions work out to 12 inches (30.48 cm) wide by 9 inches (22.86 cm) high, capable of a maximum 1024×768 (or XGA) pixel resolution, can display around 85 PPI, or 33.46 PPCM, in both the horizontal and vertical directions. This figure is determined by dividing the width (or height) of the display area in pixels by the width (or height) of the display area in inches. It is possible for a display to have different horizontal and vertical PPI measurements (e.g., a typical 4:3 ratio CRT monitor showing a 1280×1024 mode computer display at maximum size, which is a 5:4 ratio, not quite the same as 4:3). The apparent PPI of a monitor depends upon the screen resolution (that is, the number of pixels) and the size of the screen in use; a monitor in 800×600 mode has a lower PPI than does the same monitor in a 1024×768 or 1280×960 mode.

The dot pitch of a computer display determines the absolute limit of possible pixel density. Typical circa-2000 cathode ray tube or LCD computer displays range from 67 to 130 PPI, though desktop monitors have exceeded 200 PPI, and certain smartphone manufacturers' flagship mobile device models have been exceeding 500 PPI since 2014.

In January 2008, Kopin Corporation announced a 0.44 inch (1.12 cm) SVGA LCD with a pixel density of 2272 PPI (each pixel only 11.25 μm).[5][6] In 2011 they followed this up with a 3760-DPI 0.21-inch diagonal VGA colour display.[7] The manufacturer says they designed the LCD to be optically magnified, as in high-resolution eyewear devices.

Holography applications demand even greater pixel density, as higher pixel density produces a larger image size and wider viewing angle. Spatial light modulators can reduce pixel pitch to 2.5 μm, giving a pixel density of 10,160 PPI.[8]

Some observations indicate that the unaided human generally can't differentiate detail beyond 300 PPI.[9] However, this figure depends both on the distance between viewer and image, and the viewer’s visual acuity. The human eye also responds in a different way to a bright, evenly lit interactive display from how it does to prints on paper.

High pixel density display technologies would make supersampled antialiasing obsolete, enable true WYSIWYG graphics and, potentially enable a practical “paperless office” era.[10] For perspective, such a device at 15 inch (38 cm) screen size would have to display more than four Full HD screens (or WQUXGA resolution).

The PPI pixel density specification of a display is also useful for calibrating a monitor with a printer. Software can use the PPI measurement to display a document at "actual size" on the screen.

Calculation of monitor PPI

Display resolution and pixel density.png

PPI can be calculated from knowing the diagonal size of the screen in inches and the resolution in pixels (width and height). This can be done in two steps:

  1. Calculate diagonal resolution in pixels using the Pythagorean theorem, then the actual PPI:
[math]\displaystyle{ PPI = \frac{\sqrt{w_p^2 + h_p^2}}{d_i} }[/math]

where

  1. [math]\displaystyle{ w_p }[/math] is width resolution in pixels
  2. [math]\displaystyle{ h_p }[/math] is height resolution in pixels
  3. [math]\displaystyle{ d_i }[/math] is diagonal size in inches (this is the number advertised as the size of the display).

For example:

  1. For 15.6 inch screen with a 5120×2880 resolution you get [math]\displaystyle{ \frac{\sqrt{5120^2 + 2880^2}}{15.6} }[/math] = 376.57 PPI.
  2. For 50 inch screen with a 8192×4608 resolution you get [math]\displaystyle{ \frac{\sqrt{8192^2 + 4608^2}}{50} }[/math] = 188 PPI.
  3. For 27 inch screen with a 3840×2160 resolution you get [math]\displaystyle{ \frac{\sqrt{3840^2 + 2160^2}}{27} }[/math] = 163 PPI.
  4. For 32 inch screen with a 3840×2160 resolution you get [math]\displaystyle{ \frac{\sqrt{3840^2 + 2160^2}}{32} }[/math] = 138 PPI.
  5. For an old-school 10.1 inch netbook screen with a 1024×600 resolution you get [math]\displaystyle{ \frac{\sqrt{1024^2 + 600^2}}{10.1} }[/math] = 117.5 PPI.
  6. For 27 inch screen with a 2560×1440 resolution you get [math]\displaystyle{ \frac{\sqrt{2560^2 + 1440^2}}{27} }[/math] = 108.8 PPI.
  7. For a 21.5 inches (546.1 mm) screen with a 1920×1080 resolution you get [math]\displaystyle{ \frac{\sqrt{1920^2 + 1080^2}}{21.5} }[/math] = 102.46 PPI;

These calculations may not be very precise. Frequently, screens advertised as “X inch screen” can have their real physical dimensions of viewable area differ, for example:

  • Apple Inc. advertised their mid-2011 iMac as a "21.5 inch (viewable) [...] display,"[11] but its actual viewable area is 545.22 mm or 21.465 inches.[12] The more precise figure increases the calculated PPI from 102.46 (using 21.5) to 102.63.
  • The HP LP2065 20 inch (50.8 cm) monitor has an actual viewable area of 20.1 inch (51 cm).[13]
  • In a more significant case, some monitors such as the Dell UltraSharp UP3216Q (3840×2160 px) are advertised as a 32 inch "class" monitor (137.68 PPI), but the actual viewing area diagonal is 31.5 inches, making the true PPI 139.87.[14]

Calculating PPI of camera view screens

Camera manufacturers often quote view screens in 'number of dots'. This is not the same as the number of pixels, because there are 3 'dots' per pixel – red, green and blue. For example, the Canon 50D is quoted as having 920,000 dots.[15] This translates as 307,200 pixels (×3 = 921,600 dots). Thus the screen is 640×480 pixels.[16]

This must be taken into account when working out the PPI. 'Dots' and 'pixels' are often confused in reviews and specs when viewing information about digital cameras specifically.

Scanners and cameras

"PPI" or "pixel density" may also describe image scanner resolution. In this context, PPI is synonymous with samples per inch. In digital photography, pixel density is the number of pixels divided by the area of the sensor. A typical DSLR, circa 2013, has 1–6.2 MP/cm2; a typical compact has 20–70 MP/cm2.

For example, Sony Alpha SLT-A58 has 20.1 megapixels on an APS-C sensor having 6.2 MP/cm2 since a compact camera like Sony Cyber-shot DSC-HX50V has 20.4 megapixels on an 1/2.3" sensor having 70 MP/cm2. The professional camera has a lower PPI than a compact camera, because it has larger photodiodes due to having far larger sensors.

Smartphones

Smartphones use small displays, but modern smartphone displays have a larger PPI rating, such as the Samsung Galaxy S7 with a quad HD display at 577 PPI, Fujitsu F-02G with a quad HD display at 564 PPI,[17] the LG G6 with quad HD display at 564 PPI or – XHDPI or Oppo Find 7 with 534 PPI on 5.5" display – XXHDPI (see section below).[18] Sony's Xperia XZ Premium has a 4K display with a pixel density of 807 PPI, the highest of any smartphone as of 2017.[19]

Logical DPI values on Android

Android supports the following logical DPI values for controlling how large content is displayed:[20]

Name Scale Factor DPI
ldpi 0.75x ~120
mdpi 1x ~160
tvdpi 1.33x ~213
hdpi 1.5x ~240
xhdpi 2x ~320
xxhdpi 3x ~480
xxxhdpi 4x ~640

Metrication

The digital publishing industry primarily uses pixels per inch but sometimes pixels per centimeter is used, or a conversion factor is given.[21][22][23]

The PNG image file format only allows the meter as the unit for pixel density.[24]

Image file format support

The following table show how pixel density is supported by popular image file formats. The cell colors used do not indicate how feature-rich a certain image file format is, but what density support can be expected of a certain image file format.

Even though image manipulation software can optionally set density for some image file formats, not many other software uses density information when displaying images. Web browsers, for example, ignore any density information. As the table shows, support for density information in image file formats varies enormously and should be used with great care in a controlled context.

Format Units of measurement[lower-alpha 1] Raster/vector Multi-page Per-page size Size in lengths for image or page Density
Exif Length Raster PPI or PPCM, 8 bytes (64bit rational unsigned) each for horizontal and vertical directions[25]
AI Length or pixel Both No Explicit for length. No for pixel Implicit for included raster images
EPS Length Both Yes Yes Explicit Explicit DPI (PPI) for rasterized images, fonts or effects
GIF Pixel Raster Yes No No No
ICO Pixel Raster Yes Yes No No
JPEG Pixel Raster No Implicit when density is set Optional PPI or PPCM, 2 bytes each for horizontal and vertical directions[26]
PDF Length Both Yes Yes Explicit Explicit DPI (PPI) for rasterized images, fonts or effects
PNG Pixel Raster No Implicit when density is set Optional PPM, 4 bytes each horizontal and vertical directions[27]
PPM Pixel Raster Yes No No No
PSD and PSB Length or pixel Both No Explicit for length. No for pixel Optional
SVG Length or pixel Both Yes No Explicit for length.[lower-alpha 2] No for pixel Implicit for included raster images
TIFF Pixel Both Yes Yes Implicit when density is set Optional PPI or PPCM, two 32-bit unsigned integers each for horizontal and vertical directions[30]
WebP Pixel Raster Yes Unknown Unknown WEBP has no tags/attributes of its own which specify density on the output medium. But WEBP uses Resource Interchange File Format as its container format which supports Metadata to be included as XMP and EXIF chunks. And EXIF supports resolution, see entry in this table. Practical example: GraphicConverter v11.7.1 correctly shows resolution information for WEBP files with EXIF metadata.
XCF Pixel Both No No No
Format Units of measurement Raster/vector Multi-page Per-page size Size in lengths for image or page Density
  1. Length refers to horizontal and vertical size in inches, centimeters, etc., whereas pixel refers only to the number of pixels found along the horizontal and vertical dimension.
  2. Support in SVG differs. The standard supports the floats pixelUnitToMillimeterX, pixelUnitToMillimeterY, screenPixelToMillimeterX and screenPixelToMillimeterY for use in CSS2.[28] Inkscape SVG supports density for PNG export only inkscape:export-xdpi and inkscape:export-ydpi.[29] Adobe stores it even differently.

See also

References

  1. Alvy Ray Smith (11 Nov 1996). "A Pixel Is Not A Little Square". http://alvyray.com/Memos/CG/Microsoft/6_pixel.pdf. 
  2. "Haltone: Atlas of Analytical Signatures of Photographic Processes". The Getty Conservation Institute. 2013. https://www.getty.edu/conservation/publications_resources/pdf_publications/pdf/atlas_halftone.pdf. 
  3. David Creamer (2003). "Understanding Resolution and the meaning of DPI, PPI, SPI & LPI". https://www.ideastraining.com/PDFs/UnderstandingResolution.pdf. 
  4. David Creamer (2003). "Understanding Resolution and the meaning of DPI, PPI, SPI & LPI". https://www.ideastraining.com/PDFs/UnderstandingResolution.pdf. 
  5. "Kopin unveils smallest color SVGA display". optics.org. 11 January 2008. http://optics.org/cws/article/industry/32411. 
  6. "Company Debuts World's Smallest Color SVGA Display". SID, Information Display magazine May 2008 Vol. 24, No. 05. 31 May 2008. http://www.kopin.com/data/Mar%2008%20Med%20Products%20Manu.pdf. 
  7. "Innovations". kopin corporation. http://www.kopin.com/about/innovations. 
  8. Horizontally scanning holography to enlarge both image size and viewing zone angle Naoya Okada and Yasuhiro Takaki, Proc. SPIE Vol. 7233 723309-1
  9. "Apple Retina Display". Jonesblog. 24 June 2010. http://prometheus.med.utah.edu/~bwjones/2010/06/apple-retina-display/. 
  10. "Electronic displays for information technology". IBM Journal of Research and Development Volume 44, Number 3, 2000. 10 November 1999. http://www.research.ibm.com/journal/rd/443/wisnieff.html. 
  11. Apple iMac Tech Specs , Apple Inc. Accessed on 27 January 2012.
  12. LM215WF3 LCD Product Specification, LG Display. Accessed on 27 January 2012.
  13. HP LP2065 20-inch (50.8 cm) LCD Monitor - Specifications and Warranty (Hewlett-Packard Company official website)
  14. "Electronics & Accessories | Dell USA". https://www.dell.com/en-us/work/shop/dell-ultrasharp-32-ultra-hd-4k-monitor-with-premiercolor-up3216q/apd/210-afln/monitors-monitor-accessories. 
  15. dpreview.com, Canon EOS 50d
  16. Techcrunch.com, dots vs pixels
  17. 村上万純 (October 7, 2014). "富士通が最新のドコモスマホやタブレットを披露 5G通信の取り組みも". http://www.itmedia.co.jp/mobile/articles/1410/07/news140.html. 
  18. Richard Lai (February 12, 2014). "Oppo's next smartphone due in March with 2K and 1080p display options". https://www.engadget.com/2014/02/12/oppo-find-7-2k-1080p-variants/. 
  19. "Sony Xperia XZ Premium - Full phone specifications". http://m.gsmarena.com/sony_xperia_xz_premium-8593.php. 
  20. "Support different pixel densities" (in en). https://developer.android.com/training/multiscreen/screendensities. 
  21. "Web Graphics Basics". http://www.washington.edu/accessit/webdesign/student/unit4/module2/web_graphics_basics.htm. 
  22. "Utads.com Glossary of Terms". http://www.utads.com/ad_specs/glossary.html. 
  23. "Resolution, dpi and ppi". http://www.monarda.se/extra/ppi-test/ppitest_english.htm. 
  24. "PNG file format, pHYs chunk". http://www.w3.org/TR/PNG/#11pHYs. 
  25. Exif 2.32, CIPA DC-008 Translation 2019, p.35-36
  26. JPEG File Interchange Format, Version 1.02 - JPEG File Interchange Format Specification
  27. Chapter 11. PNG Options and Extensions - Physical Pixel Dimensions (pHYs)
  28. Scalable Vector Graphics (SVG) 1.1 (Second Edition)
  29. Inkscape source files
  30. TIFF Revision 5.0 - ResolutionUnit