Pt To Px Conversion

We convert pt to px for you to save you doing the math

To understand converting pt (points) to px (pixels) we need to look at the CSS Values and Units Level 3. The physically sized units are defined to be their physical size on the given medium. Meaning that 1cm is the same size on screen and paper. The px unit is defined in terms of a reference px of 96dpi irrespective of the resolution of the medium being displayed.

Older versions of the CSS specification did not define a pixel to be 96dpi, but most of the existing content depends on this assumption, so using another DPI value would break existing content. You have 1px = 1/96in (inches) & 96px = 1in due to the definition of the reference pixel. You have 1pt = 1/72in & 72pt = 1in due to the definition of the point.

Therefore, combining the two equations, you have: 72pt = 96px & (72 / 96)pt = 1px multiplying both sides of the equation by P (the number of pixels) gives you: P(72 / 96)pt = Ppx. You need to make sure that the DPI settings are set to the equivalent settings but the standard DPI is 96.

PT
PX
DPI