CSS & Print Unit Converter (Length to Pixels)
Convert physical lengths (mm, inches, pt) to digital pixels (px) based on customizable PPI/DPI. Essential for responsive web design and print formatting.
About
A common misconception in digital design is that a "pixel" is a fixed physical unit. In reality, a pixel's physical size depends entirely on the resolution (PPI - Pixels Per Inch) of the display or printer. A 1-inch line contains 96 pixels on a standard Windows screen, but 300 pixels on a high-quality print.
This tool allows designers and developers to convert physical measurements (inches, millimeters) into pixel values by explicitly defining the target PPI context. It solves the frustration of "blurry" images or misaligned layouts by calculating the exact pixel dimensions required for specific media, whether it's a Retina display (high PPI) or a billboard (low PPI).
Formulas
The conversion is a function of density:
Standard PPI Contexts:
- 96 PPI: CSS Reference Pixel (Web Standard).
- 72 PPI: Legacy Mac / Typography points (1 pt ≈ 1 px).
- 300 PPI: Standard Print Quality.
Reference Data
| Physical Size | Web (96 PPI) | Retina (192 PPI) | Print (300 PPI) |
|---|---|---|---|
| 1 Inch | 96 px | 192 px | 300 px |
| 1 Centimeter | 38 px | 76 px | 118 px |
| A4 Width (210mm) | 794 px | 1587 px | 2480 px |
| Business Card (3.5") | 336 px | 672 px | 1050 px |
| 1 Point (pt) | 1.33 px | 2.66 px | 4.16 px |