Pixel density

Pixels per inch (ppi) and pixels per centimetre (ppcm or pixels/cm) are measurements of the pixel density (resolution) 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.

Pixels per inch (or pixels per centimetre) can also describe the resolution, in pixels, of an image file. A 100×100 pixel image printed in a 1 inch square has a resolution of 100 pixels per inch. Used this way, the measurement is meaningful when printing an image. It has become commonplace to refer to PPI as DPI, even though PPI refers to input resolution. Industry standard, good quality photographs usually require 300 pixels per inch, at 100% size, when printed onto coated paper stock, using a printing screen of 150 lines per inch (lpi). This delivers a quality factor of 2, which is optimum. The lowest acceptable quality factor is considered 1.5, which equates to printing a 225 ppi image using a 150 lpi screen onto coated paper.

Screen frequency is determined by the type of paper the image is printed on. An absorbent paper surface, uncoated recycled paper for instance, lets ink droplets spread (dot gain)—so requires a more open printing screen. Input resolution can therefore be reduced to minimize file size without loss in quality, as long as the quality factor of 2 is maintained. This is easily determined by doubling the line frequency. For example, printing on an uncoated paper stock often limits printing screen frequency to no more than 120 lpi, therefore, a quality factor of 2 is achieved with images of 240 ppi.

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 contemporary small-screen mobile devices often exceed 300 PPI, sometimes by a wide margin.

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).[1][2] In 2011 they followed this up with a 3760-DPI 0.21-inch diagonal VGA colour display.[3] 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.[4]

Some observations indicate that the unaided human generally can't differentiate detail beyond 300 PPI.[5] 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.[6] 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).

Development of a display with ≈900 ppi allows for three pixels with 16-bit color to act as sub-pixels to form a pixel cluster. These pixel clusters act as regular pixels at ≈300 ppi to produce a 48-bit color display.

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

Theoretically, 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:
  2. Calculate PPI:

where

  • is diagonal resolution in pixels
  • is width resolution in pixels
  • is height resolution in pixels
  • is diagonal size in inches (this is the number advertised as the size of the display).

For example:

  • For a 21.5 inch (54.61 cm) screen with a 1920×1080 resolution (in which = 1920, = 1080 and = 21.5), we get 102.46 PPI;
  • For a typical 10.1 inch netbook screen with a 1024×600 resolution (in which = 1024, = 600 and = 10.1), we get 117.5 PPI.
  • For 27 inch screen with a 2560×1440 resolution we get = 108.8 PPI.
  • For 27 inch screen with a 3840×2160 resolution we get = 163 PPI.
  • For 32 inch screen with a 3840×2160 resolution we get = 138 PPI.

Note that 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,"[7] but its actual viewable area is 545.22 mm or 21.465 inches.[8] 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).[9]
  • 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. [10]

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.[11] This translates as 307,200 pixels (×3 = 921,600 dots). Thus the screen is 640×480 pixels.[12]

This must be taken into account when working out the PPI. Using the above calculations requires the screen's dimensions, but other methods require the total pixels, not total dots. '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,[13] 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).[14] Sony's Xperia XZ Premium has a 4K display with a pixel density of 807 PPI, the highest of any smartphone as of 2017.[15]

Named pixel densities

The Google Android developer documentation[16] groups displays by their approximate pixel densities[17] into the following categories:

AbbreviationNamed pixel densityDPI
TVDPIMedium High density≈160–213 dots per inch
HDPI or HiDPIHigh density≈213–240 dots per inch
XHDPIeXtra High density≈240–320 dots per inch
XXHDPIeXtra eXtra High density≈320–480 dots per inch[18]
XXXHDPIeXtra eXtra eXtra High density≈480–640 dots per inch[19]

Metrication

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

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

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
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[24]
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[25]
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[28]
WebP Pixel Raster Yes Unknown Unknown Unknown
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.[26] Inkscape SVG supports density for PNG export only inkscape:export-xdpi and inkscape:export-ydpi.[27] Adobe stores it even differently.
gollark: Also plane.
gollark: Plane and plain.
gollark: Well. PHYSICS\™.
gollark: MATHS™
gollark: A frictionless vacuum on top of an infinite plain of uniform density.

See also

References

  1. "Kopin unveils smallest color SVGA display". optics.org. 11 January 2008. Retrieved 6 June 2008.
  2. "Company Debuts World's Smallest Color SVGA Display" (PDF). SID, Information Display magazine May 2008 Vol. 24, No. 05. 31 May 2008. Archived from the original (PDF) on 14 May 2008. Retrieved 6 June 2008.
  3. "Innovations". kopin corporation. Retrieved 22 May 2014.
  4. Horizontally scanning holography to enlarge both image size and viewing zone angle Archived 2013-01-20 at the Wayback Machine Naoya Okada and Yasuhiro Takaki, Proc. SPIE Vol. 7233 723309-1
  5. "Apple Retina Display". Jonesblog. 24 June 2010. Retrieved 25 September 2011.
  6. "Electronic displays for information technology". IBM Journal of Research and Development Volume 44, Number 3, 2000. 10 November 1999. Retrieved 6 June 2008.
  7. Apple iMac Tech Specs Archived 2012-10-18 at the Wayback Machine, Apple Inc.. Accessed on 27 January 2012.
  8. LM215WF3 LCD Product Specification, LG Display. Accessed on 27 January 2012.
  9. HP LP2065 20-inch (50.8 cm) LCD Monitor - Specifications and Warranty Archived 2008-04-10 at the Wayback Machine (Hewlett-Packard Company official website)
  10. https://www.dell.com/en-us/work/shop/dell-ultrasharp-32-ultra-hd-4k-monitor-with-premiercolor-up3216q/apd/210-afln/monitors-monitor-accessories
  11. dpreview.com, Canon EOS 50d
  12. Techcrunch.com, dots vs pixels
  13. 村上万純 (October 7, 2014). "富士通が最新のドコモスマホやタブレットを披露 5G通信の取り組みも".
  14. Richard Lai (February 12, 2014). "Oppo's next smartphone due in March with 2K and 1080p display options".
  15. "Sony Xperia XZ Premium - Full phone specifications". www.gsmarena.com. Retrieved 2016-05-27.
  16. Providing Resources, Android Developers
  17. Material Design - Device Metrics
  18. Android reference for developers
  19. Android reference for developers
  20. "Web Graphics Basics".
  21. "Utads.com Glossary of Terms".
  22. "Resolution, dpi and ppi".
  23. "PNG file format, pHYs chunk".
  24. JPEG File Interchange Format, Version 1.02 - JPEG File Interchange Format Specification
  25. Chapter 11. PNG Options and Extensions - Physical Pixel Dimensions (pHYs)
  26. Scalable Vector Graphics (SVG) 1.1 (Second Edition)
  27. Inkscape source files
  28. TIFF Revision 5.0 - ResolutionUnit
  • PPI calculator – Calculate pixel density
  • – 4 Ways to Change Android PPI Density
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.