1. Enter a value
Type a number in the input field. You can use a period or comma as the decimal separator.
Convert pt to px – print and screen typography sizes
Word uses pt, CSS uses px. 12pt = 16px at 96dpi — the browser default. Look up any size instantly, from fine print to display headings.
Loading tool editor...
ADVERTISEMENT
When do you need to convert points to pixels?
Points (pt) are a typographic unit used in print design: 1 pt = 1/72 inch. Pixels (px) are screen units. At the standard 96 PPI screen resolution: 1 pt = 1.333 px (96/72).
This conversion is essential when translating print designs to web, setting CSS font sizes from print specifications, and understanding the relationship between print and screen typography.
Common sizes: 12 pt = 16 px (browser default), 10 pt = 13.3 px, 14 pt = 18.7 px, 18 pt = 24 px, 24 pt = 32 px.
All calculations run locally in your browser — nothing is sent to any server.
How to use the converter?
2. Read the result
The conversion result appears instantly in the field next to it – no clicking required.3. Copy or reverse
Click Copy result or use the Reverse button to convert in the opposite direction.
ADVERTISEMENT
When is this converter useful?
Word and Google Docs to CSS
Word documents default to 11pt body text and 12pt headings. Google Docs uses 11pt by default. When converting a brand style guide from a Word document into a CSS design system, you need exact px equivalents. 11pt = 14.67px (rounds to 15px), 12pt = 16px, 14pt = 18.67px — small rounding errors compound across a full type scale.PDF generation with Puppeteer and wkhtmltopdf
Server-side PDF tools like Puppeteer (headless Chrome) and wkhtmltopdf render HTML at 96dpi by default, so CSS px and pt both apply the standard 1pt = 1.333px ratio. However, some PDF templates specify font sizes in pt directly. This converter confirms that a 10pt body in a PDF spec maps to 13.3px in your CSS template.Email newsletter typography
HTML email clients like Outlook, Apple Mail, and Gmail often render fonts based on pt values from inline styles or system defaults. Outlook on Windows uses pt units internally, which means a 14px font in CSS may render as a different size in Outlook. Converting pt to px helps debug email rendering inconsistencies across clients.iOS and Android point units
In iOS development, the pt unit (points) is a logical pixel that maps to device pixels through a scale factor. On an iPhone with a 2× Retina display, 1pt = 2 screen pixels. This is different from CSS pt. When a designer specifies iOS UI at 14pt, knowing the CSS px equivalent (18.67px at 96dpi) helps create consistent web counterparts.
What makes this converter different?
Complete privacy
All calculations run locally in your browser. No data is sent to any server.Real-time results
The result updates instantly as you type – no need to click any button.Bidirectional conversion
The Reverse button lets you convert in both directions with one click.Reference table
A ready-made table with commonly converted values and contextual descriptions.
ADVERTISEMENT
How does pt to px conversion work?
1 point = 1/72 inch. At 96 PPI (standard Windows/web): 1 pt = 96/72 = 1.333 px. At 72 PPI (old Mac): 1 pt = 1 px.
The formula: px = pt × PPI / 72. At 96 PPI: px = pt × 1.333.
CSS defines 1 px as 1/96 of an inch (at 96 DPI). On high-DPI screens, 1 CSS px may be multiple device pixels.
Practical tips
- Browser default: 12 pt = 16 px = 1 rem.
- Common conversions: 8 pt = 10.7 px, 10 pt = 13.3 px, 11 pt = 14.7 px, 12 pt = 16 px, 14 pt = 18.7 px.
- Word default body: 11 pt = 14.7 px. Google Docs: 11 pt.
- Minimum readable: 9 pt = 12 px on screen. Print can be smaller (6–7 pt fine print).
ADVERTISEMENT
Points (pt) vs Pixels (px)
| Feature | Points (pt) | Pixels (px) |
|---|---|---|
| Definition | 1/72 inch | 1/96 inch (CSS) |
| Used in | Print, Word, PDF | Web, CSS, screens |
| 12 pt = | 12 pt | 16 px |
| Body text | 10–12 pt | 14–18 px |
| Heading | 18–24 pt | 24–32 px |
Convert other units to Pixels
Explore other unit converters
Frequently asked questions
How many pixels is 12pt?
12pt = 16px at 96 DPI (the CSS and Windows default). This is also the default browser font size and equals 1rem. The formula is: px = pt × 96 / 72 = pt × 1.3333.
How many pt is 1px?
1px = 0.75pt at 96 DPI. Formula: pt = px × 72 / 96. So 16px = 12pt, 14px = 10.5pt, 18px = 13.5pt.
Why are pt and px different units?
Points (1pt = 1/72 inch) originated in physical typography and print design. CSS pixels are defined as 1/96 of an inch at 96 DPI. The ratio between them is 96/72 = 1.333. At the old Mac 72 DPI standard, 1pt used to equal exactly 1px — which is why some older design tools still assume this.
What is the default font size in browsers?
16px = 12pt = 1rem. All major browsers (Chrome, Firefox, Safari, Edge) use 16px as the default. Users can change this in browser settings, which is why rem and em units that inherit from root are preferred over fixed px for accessibility.
What is 72pt in pixels?
72pt = 96px at 96 DPI. This is because 72pt = 1 inch, and 1 CSS inch = 96px. This relationship (72pt = 1 inch) is the fundamental rule of typographic points from the Didot and Pica systems.
What pt size should I use for body text in print vs web?
For print: body text is typically 10–12pt. For web (CSS): body text is typically 16px = 12pt. Email newsletters commonly use 14pt = 18.67px for improved readability on mobile. WCAG recommends minimum 18pt (24px) for large text that qualifies for reduced contrast ratios.
Does Puppeteer use pt or px for PDF rendering?
Puppeteer renders at 96 DPI by default, so CSS px and pt follow the standard ratio (1pt = 1.333px). You can also set a custom device scale factor. If your PDF template specifies font sizes in pt, convert them to CSS px using this tool to ensure your HTML template matches the design spec.
Are calculations done locally?
Yes. All calculations run in your browser. No data is sent to any server.
Help us improve our tools
Have an idea, found a bug, or want to suggest a feature? Drop us a message – we respond within 24 hours.
Explore more free tools
Online image editor
Resize, crop and convert your image. Ready-made formats for social media, circular avatars, export to JPG/PNG/WebP.
Meta title & description checker
Check title and description length in pixels. Live Google preview and optimization tips.
PNG to JPG
Convert PNG files to JPG in your browser. No file limits, no signup, no server uploads.
Favicon generator
Create a complete favicon.ico set for your website from one image. All required sizes, no login.
Color palette generator
Generate 9 palettes from one color: monochromatic, complementary, triadic and more. HEX codes.
WebP to JPG
Convert WebP files to universally compatible JPG. Works in every app and platform.
Color contrast checker
Check text and background contrast per WCAG 2.1 AA and AAA. Automatic color correction.
Free QR code generator
Create a QR code for a website, vCard business card or print. Export PNG and SVG, no registration.
Word & character counter
Count words, characters, sentences and reading time. Check readability with the Flesch-Kincaid score.