About this points to pixels converter
Points come from print typography: one point is exactly 1/72 of an inch, so 72pt type is one inch tall. Pixels depend on the resolution of the output. CSS fixes the reference at 96 pixels per inch, which is why 12pt equals 16px on the web and the formula is px = pt × 96 ÷ 72. Print works at far higher densities, so the same 12pt needs 50 pixels at 300 DPI. This converter does the math both ways for up to twenty sizes at once, shows each size at the common resolutions from 72 to 600 DPI, previews the type at its true printed size, measures it in inches and millimeters, and writes the CSS font-size declarations with the original points noted in comments.
How to convert points to pixels
- Enter the sizes. Type one value or a list such as a full type scale, or press an example.
- Choose direction and DPI. Pick pt → px or px → pt, the decimal places, and 96 DPI for screens or 300 DPI for print.
- Press Convert. Read the table, compare resolutions, check the true-size preview, and copy the CSS.
Frequently asked questions
How many pixels is 12pt?
At the web standard of 96 DPI, 12pt is 16px. At 72 DPI it is 12px, and for print at 300 DPI it is 50px.
What is the formula?
Pixels = points × DPI ÷ 72, and points = pixels × 72 ÷ DPI. At 96 DPI that simplifies to px = pt × 4/3 and pt = px × 0.75.
Why does CSS use 96 DPI?
Early Windows screens ran at 96 DPI, and CSS kept that as a fixed reference, so 1in always equals 96px in CSS, whatever the real screen density.
Is the preview really true size?
It is on a screen that matches the CSS reference. High-density and scaled displays may show it slightly larger or smaller; hold a ruler to the bar to check.
Should I use pt in CSS?
For screens, use px, rem, or em. The pt unit is best kept for print style sheets, where physical size matters.