How many points are in a CSS pixel?

1 CSS pixel = 0.75 points. In the other direction, 1 point = 1.333333333 CSS pixels.

A CSS pixel is a reference unit of 1/96 inch, not a physical device pixel. Browsers scale it by the device pixel ratio, so one CSS pixel may cover four hardware pixels on a 2× display.

A CSS point is exactly 4/3 of a CSS pixel, following the desktop-publishing point of 1/72 inch. Print stylesheets and typographic specs use points.

Unit-To-Unit Pixels conversion

PX to PT

1 CSS pixel = 0.75 points

One point is 4/3 of a CSS pixel, so 12 pt is 16 px. Design tools that came from print — and print stylesheets — still speak in points.

Formula pt = px × 0.75

CSS pixel (px) max 24 digits

Point (pt) max 24 digits

Type in either field — the other updates on every keystroke. Need other units? Open the full pixels converter.

PX to PT — quick reference
CSS pixel	Point
1 px	0.75 pt
2 px	1.5 pt
3 px	2.25 pt
4 px	3 pt
5 px	3.75 pt
10 px	7.5 pt
15 px	11.25 pt
20 px	15 pt
25 px	18.75 pt
50 px	37.5 pt
100 px	75 pt
500 px	375 pt
1000 px	750 pt

PT to PX — reverse
Point	CSS pixel
1 pt	1.333333 px
2 pt	2.666667 px
3 pt	4 px
4 pt	5.333333 px
5 pt	6.666667 px
10 pt	13.333333 px
15 pt	20 px
20 pt	26.666667 px
25 pt	33.333333 px
50 pt	66.666667 px
100 pt	133.333333 px
500 pt	666.666667 px
1000 pt	1333.333333 px

Worked examples

Common values
Situation	From	To
Caption	12 px	9 pt
Small text	14 px	10.5 pt
Body text	16 px	12 pt
Subheading	20 px	15 pt
Heading	32 px	24 pt
Hero title	48 px	36 pt

Mental-math shortcut

Take three quarters of the pixels. 16 px is 12 pt and 24 px is 18 pt.

Where this conversion comes up

Moving a web design into Word, a PDF or a print layout means converting pixels to points. A 16 px body size becomes 12 pt.

Common mistakes

The 0.75 factor assumes 96 pixels per inch. The physical size of a pixel on a real screen depends on its resolution, so use points only for print.

Background

CSS defines 1 pt as 1/72 inch and 1 px as 1/96 inch, so one point is exactly 4/3 of a pixel.

Learn more

A point is exactly 1/72 of an inch and a CSS pixel is 1/96 of an inch, so points = pixels × 0.75. For example, 16 px is 12 pt.

Frequently asked

How many points are in a CSS pixel?: 1 CSS pixel = 0.75 points. In the other direction, 1 point = 1.333333333 CSS pixels.
What is a CSS pixel?: A CSS pixel is a reference unit of 1/96 inch, not a physical device pixel. Browsers scale it by the device pixel ratio, so one CSS pixel may cover four hardware pixels on a 2× display.
What is a point?: A CSS point is exactly 4/3 of a CSS pixel, following the desktop-publishing point of 1/72 inch. Print stylesheets and typographic specs use points.
How many points is 16 px?: 16 px is 12 pt.

Related pixels conversions

PX to REM REM to PX PT to PX PX to MM PX to Inches DP to PX