How many inches are in a CSS pixel?

1 CSS pixel = 0.010416667 inches. In the other direction, 1 inch = 96 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.

One CSS inch is exactly 96 CSS pixels by definition — a fixed ratio that has nothing to do with the physical size of the screen.

How many inches is 1920 px?

At 96 px per inch it is 20 CSS inches, and printed at 300 PPI it is 6.4 inches.

Unit-To-Unit Pixels conversion

PX to Inches

1 CSS pixel = 0.010416667 inches

Exactly 96 CSS pixels to the inch, by definition. The figure is a specification constant, so a "1in" box in CSS is not guaranteed to measure an inch on the glass.

Formula in = px × 0.010416666667

CSS pixel (px) max 24 digits

Inch (96 DPI) (in) max 24 digits

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

PX to Inches — quick reference
CSS pixel	Inch (96 DPI)
1 px	0.010417 in
2 px	0.020833 in
3 px	0.03125 in
4 px	0.041667 in
5 px	0.052083 in
10 px	0.104167 in
15 px	0.15625 in
20 px	0.208333 in
25 px	0.260417 in
50 px	0.520833 in
100 px	1.041667 in
500 px	5.208333 in
1000 px	10.416667 in

Inches to PX — reverse
Inch (96 DPI)	CSS pixel
1 in	96 px
2 in	192 px
3 in	288 px
4 in	384 px
5 in	480 px
10 in	960 px
15 in	1440 px
20 in	1920 px
25 in	2400 px
50 in	4800 px
100 in	9600 px
500 in	48000 px
1000 in	96000 px

Worked examples

Common values
Situation	From	To
Icon	24 px	0.25 in
Button height	48 px	0.5 in
Phone width	390 px	4.062 in
Tablet width	768 px	8 in
Laptop width	1,440 px	15 in
Full HD width	1,920 px	20 in

Mental-math shortcut

Divide by 96. For a quick estimate, divide by 100, which reads about 4% low.

Where this conversion comes up

Print planning is where this matters. At 300 PPI, a 1800 px wide image prints 6 inches wide, while the same 1800 px is 18.75 CSS inches on a screen.

Common mistakes

A CSS inch is not a measured inch on the glass, because browsers scale CSS pixels to the device. Use PPI, not 96, when working out print size.

Background

The CSS reference pixel is fixed at 1/96 inch. That value was chosen so screens and print share one scale.

Learn more

A CSS pixel is 1/96 of an inch, so divide pixels by 96. For print, resolution matters more: a 1200 px wide image at 300 PPI prints 4 inches wide.

Frequently asked

How many inches are in a CSS pixel?: 1 CSS pixel = 0.010416667 inches. In the other direction, 1 inch = 96 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 inch?: One CSS inch is exactly 96 CSS pixels by definition — a fixed ratio that has nothing to do with the physical size of the screen.
How many inches is 1920 px?: At 96 px per inch it is 20 CSS inches, and printed at 300 PPI it is 6.4 inches.

Related pixels conversions

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