DevBento logoDevBento
Tools/CSS Units Converter/Pt to Px Converter for Designers

Pt to Px Converter for Designers

Convert typographic points to pixels instantly. Free pt to px converter for translating Figma and print specs into CSS values you can use.

Γ·base
Viewport settings
UnitValue
pxPixel16
ptPoint12
pcPica1
cmCentimeter0.42333333
mmMillimeter4.2333333
inInch0.16666667
remRoot em1
emEm1
vwViewport width1.1111111
vhViewport height1.7777778
vminViewport minimum1.7777778
vmaxViewport maximum1.1111111
exx-height (approx)2
chCharacter width (approx)1.6666667
Related Tools
πŸ“CSS Units Converter
Convert between CSS units instantly: px, rem, em, vw, vh, pt, cm, mm, and more. Set your base font size and viewport dimensions for accurate conversions.
πŸ“Unit Converter
Convert between length, weight, temperature, speed, area, volume, data, and time units instantly. Metric, imperial, and more. No server, no signup.

Convert Points to Pixels

Enter a point value to convert it to pixels. The conversion multiplies by 4/3 (1.333) at standard screen density. This is the bridge between print oriented design specs and the CSS values browsers actually accept.

Common Point to Pixel Values

Points Pixels Use Case
8pt 10.667px Captions, fine print
10pt 13.333px Small UI text
12pt 16px Body text default
14pt 18.667px Lead text
18pt 24px Subheadings
24pt 32px Headings
36pt 48px Display type

Where Points Come From

Points are a print unit: 72 per inch. Pixels in CSS are 96 per inch by definition. That fixed 96/72 ratio is why the math is exact rather than approximate. Confusion starts because design tools sometimes label iOS points (which behave like CSS px) and print points interchangeably. If a Figma spec says 16pt body and the rendered app looks right at 16px, you already have your answer: treat them 1:1 at 96dpi and only convert true print specs.

How to Use

  1. The tool opens with 12pt pre-filled, converting to 16px
  2. Type any point value from your spec
  3. Copy the px result into your CSS
  4. Consider converting further to rem for accessibility (divide by 16)

For screen relative units try Px to Rem, or see every unit in the full CSS Units Converter.

πŸ”’

Nothing you paste leaves this tab. Every tool runs entirely in your browser β€” no upload, no server, no account.

Β© 2026 devbento.dev Β· built local-firstAll ToolsChangelog