🦉 UnitOwl

Pixels to Points

1 Pixel (px) = 0.75Point (pt)

By KAMP Inc. / UnitOwl · Last reviewed:

Result
0.75 pt
1 px = 0.75 pt
Ad Slot (horizontal)

How to Convert Pixels to Points?

One pixel equals 0.75 points at the standard 96 DPI screen resolution. To convert pixels to points, multiply the pixel value by 0.75 (or equivalently, multiply by 72/96). This conversion is fundamental for web designers, graphic designers, and anyone working across screen and print media. CSS uses pixels as a primary unit, while print design software like Adobe InDesign and Microsoft Word use points. If you set body text at 16px in CSS, that corresponds to 12pt — the standard body text size in print documents. Understanding this relationship ensures visual consistency when designing content that must work across digital screens and printed materials. It is especially useful when building print stylesheets, matching a PDF proof to a web layout, or translating a brand guide that was written for one medium but needs to stay recognizable in another. In practice, designers often memorize a few anchor pairs such as 16px = 12pt and 24px = 18pt, then use the exact formula when they need more precision. It also gives teams a quick way to sanity-check PDF or slide-deck specs before they get copied into CSS.

How to Convert Pixel to Point

  1. Start with your size in pixels (px).
  2. Multiply the pixel value by 0.75 to get points (pt).
  3. The result is your size in points.
  4. The formula is: points = pixels x 72 / 96.
  5. For a quick reference: 16px = 12pt, 24px = 18pt, 32px = 24pt.

Real-World Examples

Your website body text is 16px. What size is that in points for a matching print stylesheet?
16 x 0.75 = 12pt. The standard body text size for printed documents.
A heading is set at 32px on screen. What point size matches for print?
32 x 0.75 = 24pt. A common heading size in print layouts.
A button label uses 14px. What is the print equivalent?
14 x 0.75 = 10.5pt. Slightly smaller than standard body text in print.
An email template uses 20px for its headline.
20 x 0.75 = 15pt. A moderate heading size suitable for email clients that render in points.
A caption is set at 11px. What is that in points?
11 x 0.75 = 8.25pt. Very small for print — consider increasing to 9pt minimum for readability.

Quick Reference

Pixel (px)Point (pt)
10.75
21.5
32.25
53.75
107.5
1511.25
2015
2518.75
5037.5
7556.25
10075
250187.5
500375
1,000750

History of Pixel and Point

The point has been the standard unit of typographic measurement since the 18th century. The modern desktop publishing point (1/72 of an inch) was established by Adobe Systems and adopted by the PostScript standard in the 1980s. The pixel, by contrast, emerged from screen display technology and was standardized at 1/96 of an inch for CSS purposes by the W3C. The 72/96 ratio (0.75) between these units reflects the historical difference between print (72 points per inch) and screen (96 pixels per inch) resolution standards. While actual screen DPI varies wildly today (from 72 on older monitors to 400+ on modern phones), the CSS pixel remains a reference unit rather than a physical one.

Common Mistakes to Avoid

  • Assuming 1px = 1pt. Points are 33% larger than pixels (at 96 DPI). A 16px font is 12pt, not 16pt. Using them interchangeably creates text that is either too large (in print) or too small (on screen).
  • Using 72 DPI as the screen resolution. CSS defines the reference pixel at 96 DPI, not 72 DPI. The 72 DPI convention was used by early Macintosh computers but is not the CSS standard.
  • Forgetting that this conversion assumes 96 DPI. On high-DPI (Retina) displays, CSS pixels are already scaled. The px-to-pt mathematical ratio remains 0.75, but the physical size on screen varies by device.
  • Matching the same numeric value across media instead of the converted value. A 24px heading is not the same size as 24pt heading. If the goal is visual parity, you need 24px = 18pt, not 24pt.
Ad Slot (auto)

Frequently Asked Questions

Why are there 72 points per inch but 96 pixels per inch?
Points predate computers. The 72-point inch comes from traditional typography and was adopted by PostScript in 1984. Microsoft Windows chose 96 DPI as the default screen resolution in the early 1990s to make text more readable on the relatively low-resolution monitors of the time. These two standards coexist because print and screen evolved independently.
Does this conversion work on all screens?
The mathematical conversion (px x 0.75 = pt) is fixed by CSS specification, regardless of actual screen DPI. On high-DPI displays, a CSS pixel is rendered using multiple physical pixels, but the px-to-pt ratio remains 0.75. The conversion is about logical units, not physical screen dots.
What is the standard body text size in both units?
16px (CSS default) = 12pt (print standard). This is the most important equivalence to memorize. Most browsers render unstyled text at 16px, and most word processors default to 12pt. They are the same logical size.
Should I use px or pt in CSS?
Use px (or em/rem) for screen CSS. Points are for print stylesheets (@media print). Browsers interpret pt values by converting to px internally (pt x 96/72 = px), so there is no benefit to using pt on screen.
What point size is 24px?
At the CSS reference of 96 DPI, multiply by 0.75. So 24px = 18pt. This is one of the most common heading-size conversions when translating screen comps into print documents.
Quick Tip

The most important px-to-pt equivalences for designers: 10px = 7.5pt, 12px = 9pt, 14px = 10.5pt, 16px = 12pt, 18px = 13.5pt, 20px = 15pt, 24px = 18pt, 32px = 24pt, 48px = 36pt. Memorize 16px = 12pt as your anchor, and scale from there.

Sources & References