CSS units

PX to PT Converter

Convert CSS pixels to points. CSS fixes 96 px and 72 pt per inch, so pt = px × 0.75 and 16 px = 12 pt.

16 px = 12 pt · 24 px = 18 pt · 96 px = 72 pt

This ratio is fixed in CSS and does not depend on screen density.

Convert with your own references

Your CSS references

Updates as you type

CSS value

Zero and negative lengths are supported; valid CSS properties have their own limits.

Convert from

CSS units describe layout, not image pixels.

Convert to

The result also includes equivalents in all six units.

Root font size CSS px

Use the root element’s computed font size. For rem in the root’s own font-size, use its initial font size instead. 16 is an editable example.

Em reference font size CSS px

For font-size, use the parent’s font size. For padding and most other lengths, use the element’s own computed font size.

Viewport width for vw CSS px

Enter the target layout viewport width. vw uses the large viewport; this is not native screen resolution.

Viewport height for vh CSS px

Enter the target large viewport height, with browser controls retracted. This tool does not calculate svh or dvh.

Use a decimal point, without commas. CSS values and references accept up to 4 decimal places.

Example result

18 pt

24 px · 24 CSS px

Root font: 16 px
Em reference: 16 px
Viewport: 1,440 × 900 px

Equivalent lengths at your entered references
Equivalent (px)	24
Equivalent (rem)	1.5
Equivalent (em)	1.5
Equivalent (pt)	18
Equivalent (vw)	1.666667
Equivalent (vh)	2.666667

These equivalents use your entered font and viewport sizes. They change when those references change.

For font-size in em, use the parent’s font size; for padding, use the element’s computed font size. rem uses the root font size, except on the root’s own font-size, where the initial font size is the reference.

CSS units do not measure image print PPI or the physical size of your screen. vw and vh use the large viewport; mobile browser controls can cover part of it.

Calculation details & inputs

Inputs used for this result
CSS value	24
Convert from	px — CSS pixels
Convert to	pt — points
Root font size	16 CSS px
Em reference font size	16 CSS px
Viewport width for vw	1440 CSS px
Viewport height for vh	900 CSS px

Result details · 6 decimals or 3 significant digits for tiny values
Equivalent (px)	24
Equivalent (rem)	1.5
Equivalent (em)	1.5
Equivalent (pt)	18
Equivalent (vw)	1.666667
Equivalent (vh)	2.666667

PX to PT conversion table

Common CSS pixel sizes in points and CSS inches.

CSS pixels to points
Pixels	Points (pt)	CSS inches
1 px	0.75	0.0104
2 px	1.5	0.0208
4 px	3	0.0417
8 px	6	0.0833
10 px	7.5	0.1042
12 px	9	0.125
14 px	10.5	0.1458
16 px	12	0.1667
18 px	13.5	0.1875
20 px	15	0.2083
24 px	18	0.25
28 px	21	0.2917
32 px	24	0.3333
36 px	27	0.375
40 px	30	0.4167
48 px	36	0.5
56 px	42	0.5833
64 px	48	0.6667
72 px	54	0.75
96 px	72	1

Points on screen and in print

Points come from print typography. In CSS, 1 pt is exactly 1/72 of a CSS inch and 1 px is 1/96, so 1 pt = 4/3 px. Neither unit measures your physical screen; for printed output the CSS inch maps to a physical inch.

pt = px × 72 ÷ 96

Use the full CSS unit converter for em, vw and vh, which need their own reference sizes.

Questions about this conversion

How many points is 16 px?

16 × 0.75 = 12 pt.

Is 1 pt bigger than 1 px?

Yes. In CSS 1 pt = 1.3333 px, because there are 72 points and 96 CSS pixels per CSS inch.

Does pt depend on DPI?

Not in CSS. The px-to-pt ratio is fixed. Print image PPI is a different measurement; use the pixels-to-inches converter for that.