Pixel to Point Converter

Enter a pixel value to convert it to typographic points and picas.

How it is calculated

The conversion is pt = px × 72 ÷ 96 = px × 0.75 and pc = pt ÷ 12. A point is 1/72 of an inch, a pica is 12 points, and a CSS pixel is defined as 1/96 of an inch, so the ratio is fixed. Results are shown with four decimals followed by the unit (pt, pc). The tool does not look at your screen: it uses CSS's logical pixel, not a physical device pixel, so display density or browser zoom does not change the answer. It also does not reject negative numbers; it converts them using the same factor, though a negative size has no practical meaning for type.

Worked example

Convert an 18 px heading to print units. Points = 18 × 72 ÷ 96 = 18 × 0.75 = 13.5000 pt. Picas = 13.5 ÷ 12 = 1.1250 pc. So an 18 px font corresponds to a 13.5 pt font on paper, which many page-layout programs would round to 13.5 or 14 pt.

Try this example →

Common mistakes

  • Treating px and pt as the same size. A 16 px font is 12 pt, not 16 pt, so copying the number across makes print text look too large.
  • Applying 0.75 in the wrong direction, multiplying points by 0.75 to get pixels. Points to pixels needs the reverse factor, 4/3.
  • Expecting physical pixels on a high-density screen to follow the factor. The 96 px per inch is a CSS convention, so a phone's real pixel count is irrelevant here.
  • Confusing the pica with the point. One pica is 12 points, so the pc figure is the pt figure divided by 12, not a unit of the same size.
  • Using the result for photos or images measured in pixels at some DPI; this converts CSS lengths only.

About this calculator

This converter bridges screen and print typography by translating CSS pixels into points and picas using the CSS specification's fixed reference of 96px per inch. Since a point is defined as 1/72 of an inch, 1 CSS pixel equals exactly 0.75 points (72 ÷ 96 × 1 = 0.75), and since a pica equals 12 points, the calculator also derives the pica value for layout work that mixes both units.

Web designers handing off mockups to print, typographers setting consistent type scales across web and PDF output, and developers translating a print-based style guide into CSS use this to avoid the common error of treating pixels and points as interchangeable — a 16px web font is not “16pt” on paper, it's 12pt, a distinction that matters when a brand's print and digital type sizes need to match visually.

Was this helpful?

You can pick up to 3 reactions.

Comments (1)

  • Editorial team

    Handy when moving a design between screen and print: 16 px body text is 12 pt, which is also exactly 1 pica. The ratio is fixed at 0.75 because it uses the CSS definition of a pixel, not the physical pixels on your display, so zooming the browser does not alter it. To go the other way, divide points by 0.75. Do you mostly convert font sizes, margins, or image dimensions?

Popular calculators

All Calculators