Developer tools
px to pt converter
Type a value in any unit and the rest update instantly. These are the absolute CSS units, linked by a fixed ratio: 1in = 96px = 72pt = 6pc = 2.54cm = 25.4mm. Everything runs in your browser - nothing is uploaded.
px to pt reference (common font sizes)
| px | pt |
|---|---|
| 8 | 6 |
| 10 | 7.5 |
| 12 | 9 |
| 14 | 10.5 |
| 16 | 12 |
| 18 | 13.5 |
| 20 | 15 |
| 24 | 18 |
| 28 | 21 |
| 32 | 24 |
How it works
Type a value into any box - px, pt, pc, inches, cm, or mm - and the rest update instantly. These are the absolute CSS units: unlike rem or em, they do not depend on a font size. They all relate through one fixed chain defined by CSS: 1 inch is 96 pixels, 72 points, 6 picas, 2.54 cm, or 25.4 mm. So a point is 1/72 of an inch, which works out to exactly 4/3 of a pixel, and 12pt equals 16px.
That makes this handy for moving between print and screen: design tools and word processors measure type in points, while CSS and screens think in pixels. The conversion uses the CSS reference pixel (1px = 1/96 inch), which is fixed regardless of your monitor, so the numbers match what a browser actually renders. Everything runs locally in your browser, and the reference table below lists the common point sizes for everyday font pixels.
Example. A 16px font is 12pt, which is also 1pc, about 0.1667in, 0.4233cm, or 4.2333mm. Working the other way, type 1 into the inches box and you get 96px, 72pt, 6pc, 2.54cm, and 25.4mm.
FAQ
How many pixels is one point?
In CSS, 1pt equals 1/72 of an inch and 1px equals 1/96 of an inch, so 1pt is 96/72 = 4/3 of a pixel, roughly 1.333px. The clean numbers people remember are 12pt = 16px and 9pt = 12px. To go from points to pixels multiply by 4/3; to go the other way multiply pixels by 3/4.
Why is one inch 96 pixels?
CSS defines its pixel as exactly 1/96 of an inch, a value called the reference pixel. It is a fixed unit of the CSS coordinate system, not a physical dot on your screen, so the px-to-inch ratio is always 96 no matter the device. That is why this converter does not ask for a screen DPI: the CSS ratios never change.
What is a pica (pc)?
A pica is a traditional typography unit equal to 12 points, so 1pc is 12pt, 16px, or 1/6 of an inch. It is mostly used in print layout. It is included here so you can move between picas and the other units without doing the arithmetic by hand.
Does my screen resolution change these numbers?
No. These are CSS units, and the relationships between them are fixed by the specification. A higher-resolution display packs more physical dots into each CSS pixel, so a 1-inch CSS measurement may not be a physical inch on screen, but the 96px = 72pt = 2.54cm equivalences this tool uses stay exactly the same.