Instantly convert Points (pt) to Pixels (px) for web design.
| Points | Pixels |
|---|
Points (pt) are the standard unit of measurement for print typography, popularized by software like Microsoft Word and Adobe InDesign. However, web browsers rely on Pixels (px) for layout and font sizing. When moving a design from print to the web, converting points to pixels is a common necessity.
This tool helps you translate print font sizes into web-ready CSS pixel values based on the standard web resolution of 96 PPI (Pixels Per Inch).
Assuming the standard web resolution of 96 PPI, the ratio is 1.333. The formula is:
Pixels = Points × (96 / 72)
Alternatively: Pixels = Points × 1.3333
For example, a standard 12pt paragraph font in Word translates to 16px on the web (12 × 1.333 = 16).
While CSS defines 1pt as 1/72th of an inch, physical screen densities vary wildly. A 12pt font on a high-density mobile screen might physically measure differently than on a desktop monitor, though the browser tries to normalize it using "CSS Pixels."
Generally, no. Points are intended for print media. For screen-based design, it is better to use Pixels (px) for precision, or REM/EM for scalability and accessibility.
The standard for the web is 96 PPI. However, if you are calculating for a specific high-resolution print job (like 300 DPI), you can change the Resolution setting in the tool above to get the correct pixel dimensions for your image editor.