How many CSS pixels are in a point?

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

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.

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.

How many pixels is 12 pt?

12 pt is 16 px at the CSS standard of 96 pixels per inch.

Unit-To-Unit Pixels conversion

PT to PX

1 point = 1.333333333 CSS pixels

Converting a print type spec into CSS pixels is where this direction is used. A 10 pt caption becomes 13.33 px.

Formula px = pt × 1.333333333333

Point (pt) max 24 digits

CSS pixel (px) max 24 digits

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

PT to PX — quick reference
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

PX to PT — reverse
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

Worked examples

Common values
Situation	From	To
Footnote	8 pt	10.67 px
Small text	10 pt	13.33 px
Body text	12 pt	16 px
Heading	18 pt	24 px
Large heading	24 pt	32 px
Title	36 pt	48 px

Mental-math shortcut

Add a third to the points. 12 pt plus 4 is 16 px.

Where this conversion comes up

Sizes from Word, InDesign and print specs have to become CSS pixels for the web. A 12 pt body font is 16 px, which is the browser default.

Common mistakes

Not every system uses 72 points to the inch: TeX uses 72.27. Also remember that 1 pica is 12 points, so do not confuse picas with points.

Background

The desktop publishing point is exactly 1/72 of an inch, as set by PostScript. CSS keeps that relationship and defines 1 px as 1/96 of an inch.

Learn more

Multiply points by 1.333 (96 ÷ 72). For example, 12 pt is 16 px and 18 pt is 24 px.

Frequently asked

How many CSS pixels are in a point?: 1 point = 1.333333333 CSS pixels. In the other direction, 1 CSS pixel = 0.75 points.
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.
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.
How many pixels is 12 pt?: 12 pt is 16 px at the CSS standard of 96 pixels per inch.

Related pixels conversions

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