PT to PX Converter

Convert between Points (pt) and Pixels (px) with customizable DPI — includes inches, cm, and mm equivalents

Live Font Size Preview

Hello

Conversion Formula

How Points and Pixels relate to each other

PT → PX

px = pt × (dpi ÷ 72)

e.g. 12 × (96 ÷ 72) = 16px

PX → PT

pt = px × (72 ÷ dpi)

e.g. 16 × (72 ÷ 96) = 12pt

At 96 DPI (CSS web standard): 1pt = 1.333px. At 72 DPI (traditional print): 1pt = 1px.

Physical Unit Equivalents

Points

12pt

Inches

0.1667in

Centimetres

0.4233cm

Millimetres

4.2333mm

CSS Style Properties

Points value

h1 {
  font-size: 12pt;
}

Pixel value

h1 {
  font-size: 0px;
}

PT to PX Conversion Table

DPI: 96

Points (pt)Pixels (px)Inches (in)CMMM
3pt4px0.0417in0.1058cm1.0583mm
6pt8px0.0833in0.2117cm2.1167mm
9pt12px0.125in0.3175cm3.175mm
12pt16px0.1667in0.4233cm4.2333mm
15pt20px0.2083in0.5292cm5.2917mm
18pt24px0.25in0.635cm6.35mm
21pt28px0.2917in0.7408cm7.4083mm
24pt32px0.3333in0.8467cm8.4667mm
27pt36px0.375in0.9525cm9.525mm
30pt40px0.4167in1.0583cm10.5833mm
33pt44px0.4583in1.1642cm11.6417mm
36pt48px0.5in1.27cm12.7mm
39pt52px0.5417in1.3758cm13.7583mm
42pt56px0.5833in1.4817cm14.8167mm
45pt60px0.625in1.5875cm15.875mm
48pt64px0.6667in1.6933cm16.9333mm
51pt68px0.7083in1.7992cm17.9917mm
54pt72px0.75in1.905cm19.05mm
57pt76px0.7917in2.0108cm20.1083mm
60pt80px0.8333in2.1167cm21.1667mm

About PT to PX Conversion

What is PT (Points)?

PT (Points) is a typographic unit from print design — 1 point = 1/72 of an inch. Points are the standard unit in print stylesheets, PDF generation, desktop publishing tools (InDesign, Illustrator), and design applications like Figma and Sketch.

What is PX (Pixels)?

PX (Pixels) is the standard absolute unit for screen-based CSS. One CSS pixel corresponds to the CSS reference pixel — 1/96 of an inch. Unlike pt, px is device-independent and predictable across modern browsers, making it the go-to unit for screen design.

The Conversion Formula

px = pt × (dpi ÷ 72)

At 96 DPI (CSS web standard): 1pt = 1.333px, so 12pt = 16px. At 72 DPI (traditional print): 1pt = 1px exactly.

When to Use PT vs PX

  • PT: Use for @media print stylesheets, PDF generation, and matching design tool specifications.
  • PX: Use for all screen CSS — it is more predictable and widely supported.
  • Avoid pt in screen CSS; its rendered size depends on the device's DPI setting.

Common Conversions (DPI = 96)

6pt

8px

8pt

10.67px

9pt

12px

10pt

13.33px

11pt

14.67px

12pt

16px

14pt

18.67px

16pt

21.33px

How to Use the PT to PX Converter

  1. 1

    Enter your value

    Type the points (or px) value you want to convert into the "From Value" input field.

  2. 2

    Select the unit direction

    Choose pt or px in both dropdowns. Use the swap button to reverse direction instantly.

  3. 3

    Adjust DPI if needed

    Click Show Settings to change the DPI. Use 96 for screen output (CSS standard) and 72 for traditional print.

  4. 4

    Read the result and copy

    The converted value appears instantly. Click Copy to copy it to your clipboard.

  5. 5

    Check physical equivalents and the table

    The Physical Unit Equivalents panel shows the pt value in inches, cm, and mm. The table lists common pt values across all units.

Tip: At 96 DPI, multiply any pt value by 1.333 to get pixels. The most useful reference: 12pt = 16px — the default body text size in both print and web browsers.

Common Use Cases

Print Stylesheet Development

  • • Define font sizes in pt for @media print stylesheets
  • • Verify that pt print sizes match the intended px screen values
  • • Align print and screen stylesheets with consistent typographic sizes

Design Tool to Web CSS

  • • Convert Figma or Sketch pt font sizes to px for web implementation
  • • Translate Adobe XD or InDesign point values to CSS pixel units
  • • Match desktop publishing pt specifications to web px values

PDF Generation

  • • Convert pt font sizes from PDF specs to px for web previews
  • • Ensure wkhtmltopdf or Puppeteer PDFs match the web layout pixel sizes
  • • Reconcile pt-based PDF styles with CSS px values in your stylesheet

Email Client Compatibility

  • • Convert Outlook pt font sizes to px for cross-client consistency
  • • Verify that pt sizes in HTML email render at expected pixel sizes
  • • Translate pt-based email design specs to CSS px values

Physical Measurement Reference

  • • Check the inch, cm, and mm equivalent of any pt or px value
  • • Verify physical font sizes for print materials at a given DPI
  • • Cross-reference digital px sizes with physical print measurements

Learning & Teaching CSS

  • • Understand how DPI affects the pt-to-px relationship
  • • Demonstrate why pt should be avoided in screen CSS
  • • Use the live preview and physical units panel for hands-on learning

Frequently Asked Questions

What is the formula to convert pt to px?

px = pt × (dpi ÷ 72). At the standard web DPI of 96: 1pt = 1.333px and 12pt = 16px. At print DPI of 72: 1pt = 1px exactly.

Why does 12pt equal 16px?

At 96 DPI, 1pt = 96/72 = 1.333px. Multiply by 12: 12pt = 16px. This is why 12pt — the standard body text size in print — maps exactly to 16px, the browser's default font size.

Should I use pt in my web CSS?

Generally no. PT is a physical unit tied to print (1/72 inch). On screens its rendered size depends on DPI, making it unpredictable. Use px, em, or rem for all screen CSS. Reserve pt for @media print stylesheets where physical measurement matters.

What DPI should I use?

Use 96 DPI for standard web screens (the CSS reference pixel standard). Use 72 DPI for traditional print or macOS native points. CSS pt values on screen are anchored to the CSS reference pixel, not the physical display DPI.

How many pixels is 1 point at 96 DPI?

1pt = 1.3333px at 96 DPI. Common values: 6pt = 8px, 9pt = 12px, 12pt = 16px, 18pt = 24px, 24pt = 32px.

How do I convert px back to pt?

Use the swap button, or apply: pt = px × (72 ÷ dpi). For 16px at 96 DPI: 16 × 0.75 = 12pt.

Is my data safe? Does this tool send data to a server?

No data leaves your browser. All calculations happen entirely client-side using JavaScript. Nothing you enter is uploaded or stored anywhere.

How does pt relate to inches, cm, and mm?

1 point = 1/72 inch = 0.0353 cm = 0.353 mm. These physical measurements are fixed regardless of DPI — only the pixel equivalent changes. The Physical Unit Equivalents panel in this tool shows all four values simultaneously.