What is the difference between points and pixels?
A pixel is a single square 'picture element' (hence pix-el), i.e. a single dot in your image. A 10x10 image is made up of a set of pixels in a grid 10 wide by 10 high, totaling 100 pixels.
The 'point' (pt) on the other hand is a unit of length, commonly used to measure the height of a font, but technically capable of measuring any length. In applications, 1pt is equal to exactly 1/72th of an inch; in traditional print technically 72pt is 0.996264 inches, although I think you'll be forgiven for rounding it up!
How many pixels = 1pt depends on the resolution of your image. If your image is 72ppi (pixels per inch), then one point will equal exactly one pixel.
6I would also add that dpi refers to print and ppi to pixel display. If something is 72 ppi in photoshop (or any digital format), it may not be 72 dpi once you print it. Jan 5, 2011 at 19:15
2In applications, a point is exactly 1/72 inches.– e100Jan 5, 2011 at 19:20
6As a side note, pixels are not always square. If you ever produce pictures for video, note that you can have vertically rectangular pixels or horizontally rectangular pixels. Check out "pixel aspect ratio" for more details. Nov 11, 2012 at 9:22
3@Lèsemajesté You can store an image with whatever ppi you want to and it will still be exactly the same pixel information. A 100x100 pixel image will be the same size on you screen no matter what ppi you store the image with - the ppi only comes into play when you print the image out. Screens display one image pixel on one physical pixel with a pixel density that is custom to that screen (a big outdoor screen has a different ppi than a desktop screen or a mobile handheld does - same pixels produce different physical size).– konturMar 8, 2013 at 10:28
1he's not. Pixels are an irreducable atomic unit without a dimension. PPI is a flag set in software. A RIP should honor the instructions given regarding final real-world size and ignore the PPI flag embedded within an image file. When we create images that are "300dpi for printing", all we are doing is ensuring that there are enough pixels to prevent the RIP from having to add or remove pixels to arrive at the desired target physical size. When an image is stretched, the software emulates stretching by adding pixels. This is also why calling pixels "square" is a little odd.– horatioMar 8, 2013 at 17:05
Point is a physical unit of length, used in typography. It's equal to 1/12 Pica, and 1 Pica = 1/6 inch. So 1 pt = 1/72 inch.
Therefore, on a 72 ppi display, 1 point = 1 pixel.
A pt is 1/72 of an in, and a px is 1/96 of an in.
A px is therefore 0.75 pt [source].
In CSS, everything is somewhat abstracted, so a unit such as a "pt" is not necessarily one point in physical size, especially on a screen, an "in" is not necessarily one inch in size, and so forth. Even a "px" is no longer necessarily one pixel in size anymore. In CSS, everything is scaled to be consistent with a virtual 96 ppi device viewed at normal reading distance. On screens and pixel-based devices that differ significantly from 96 ppi or which aren't read from normal reading distance, the px unit will be scaled by some factor, and all other units maintain the same relationships to it accordingly - that is, an in unit will still be 96 px units, and a pt unit will still be 1/72 of the in unit.
In print, a point was traditionally somewhere from around 1/67 of an inch to 1/72.5 of an inch.
In digital mediums, it has become a de-facto standard for a point to be exactly 1/72 of an inch nowadays, though there are still alternative measurements in less common use which vary slightly from 1/72, but not by much.
In print, you don't usually measure in pixels, because they are a technical detail about the target printer or device that are not an absolute measurement. For instance, a design may be printed at 125 dpi, 300 dpi or at 1200 dpi and still be the same physical dimensions.
While many high resolution, small screened devices or retina display devices scale up pixel measurements for fonts, the scaling factor is really device specific, and usually specified in terms of the ratio of logical pixel:physical pixel in the view port. It's a mess that exists because a lot of people are still specifying sizes in pixel while they should be specifying in device independent units like em.– Lie RyanMar 8, 2013 at 9:54
1That's not true at all. Firstly, unlike absolute units like px, pt, in, etc, em is a relative unit, relative to the size of your font. For many uses it's simply not appropriate. And if your font size is specified in an absolute unit, then em will be related to an absolute unit anyway. It's not a "mess" that absolute units should be scaled on devices with non-standard viewing distances or vastly differing ppi, it's the standard. Mar 11, 2013 at 6:16
uhm... a px is not an absolute unit.. in fact it's not a unit at all. A pixel changes size based upon the device. The entire notion of a px being a relative size compared to a pt is nonsense, including your "source" link.– ScottJan 4, 2021 at 9:04
@Scott, you are confusing a pixel, and the px unit in CSS. What you are saying is true of a pixel, but not of a px unit, which are different. A px unit in CSS is an absolute length unit equal to 1/96 of an in unit and 0.75 of a pt unit. Oct 19, 2021 at 1:03
A point is a typographic measure, that means it is a physical measure of length, like miles, inches, meters or an astronomical unit. Historically, the length of a point varied from different locales and cultures, but with the rise of desktop publishing and internationalisation the following convention has established:
In the late 1980s to the 1990s, the traditional point was supplanted by the desktop publishing point (also called the PostScript point), which was defined as 72 points to the inch (1 point = 1⁄72 inches = 25.4⁄72 mm = 0.3527 mm).
A pixel is the smallest unit of digital image data. That is the same to say a pixel is without actual physical size. Pixels are used to display an image on screen or print it, converting the image information in pixels to physical representation. Screens have their pixel density measured in ppi (pixels per inch), whereas printed images are measured by dpi (dots per inch) - for both the same amount of image pixels may result in hugely variable physical sizes, e.g., a 100 X 100 pixel image will be huge displayed on a outdoor advertising screen, or tiny when printed on paper at 300 dpi.
Device proliferation complicates the terms
Generally, the preceding answers are accurate in terms of distinguishing between print and digital. However, new devices have introduced further complexity.
Apple has been in the habit of using "point" to more efficiently refer to "reference pixels". From Apple's iOS Developer Library:
Points Versus Pixels
In iOS there is a distinction between the coordinates you specify in your drawing code and the pixels of the underlying device. When using native drawing technologies such as Quartz, UIKit, and Core Animation, the drawing coordinate space and the view’s coordinate space are both logical coordinate spaces, with distances measured in points. These logical coordinate systems are decoupled from the device coordinate space used by the system frameworks to manage the pixels onscreen.
The system automatically maps points in the view’s coordinate space to pixels in the device coordinate space, but this mapping is not always one-to-one. This behavior leads to an important fact that you should always remember:
One point does not necessarily correspond to one physical pixel.
Either term indicates a value that differs from the actual device pixel density: Apple crams four pixels into a point to effectively increase the sharpness of the image. On other devices (like some from HTC) that density is even greater, as high as six pixels per point -- higher than print!