🦉 UnitOwl

Pixels to Millimeters

1 Pixel (px) = 0.264583Millimeter (mm)

By KAMP Inc. / UnitOwl · Last reviewed:

Result
0.264583 mm
1 px = 0.264583 mm
Ad Slot (horizontal)

How to Convert Pixels to Millimeters?

One pixel equals approximately 0.2646 millimeters at the standard 96 DPI screen resolution. To convert pixels to millimeters, multiply the pixel value by 25.4/96 (approximately 0.2646). This conversion is needed when designing for physical outputs in metric countries — print layouts, packaging, signage, and industrial displays that specify dimensions in millimeters. Web designers working with international clients often receive specifications in millimeters and need to convert to pixels, or produce outputs in mm from pixel-based designs. The conversion assumes the CSS standard of 96 pixels per inch, combined with the fact that one inch equals exactly 25.4 millimeters. In real projects, this usually shows up when someone wants to compare a screen mockup to an A4 sheet, a package label, or a physical kiosk display. The math gives a reliable logical equivalent, but the final physical result still depends on the actual output device and its resolution settings. For packaging and print proofs, teams usually convert onward from millimeters to print-resolution pixels before final export and production review. That extra step prevents sizing surprises later.

How to Convert Pixel to Millimeter

  1. Start with your size in pixels.
  2. Multiply the pixel value by 0.2646 (or 25.4/96) to get millimeters.
  3. The result is your size in millimeters.
  4. Alternatively, divide pixels by 96 to get inches, then multiply by 25.4 to get mm.
  5. Key reference: 96px = 25.4mm (1 inch), 1px ≈ 0.265mm.

Real-World Examples

A website header is 200px tall. How many millimeters is that for a print mockup?
200 x 0.2646 = 52.9mm (about 5.3cm). Roughly the height of a standard business card.
An icon is 48px. What is that in millimeters?
48 x 0.2646 = 12.7mm. About half an inch, or the width of a finger.
A content area is 1024px wide.
1024 x 0.2646 = 271mm. Close to the width of an A4 page (210mm) plus margins.
A 1px border. How thick is that physically?
1 x 0.2646 = 0.265mm. About a quarter of a millimeter — visible but thin.
A tablet layout is 768px wide. What is that in millimeters at the CSS reference size?
768 x 0.2646 = 203.2mm. That is slightly narrower than the 210mm width of A4 paper.

Quick Reference

Pixel (px)Millimeter (mm)
10.264583
20.529167
51.32292
102.64583
256.61458
5013.2292
10026.4583

History of Pixel and Millimeter

The millimeter became the standard fine measurement unit in most of the world through metric system adoption. The relationship between pixels and millimeters is indirect — it depends on display resolution. CSS standardized the relationship by defining 1 inch = 96px and 1 inch = 25.4mm, giving the fixed conversion factor of 96px = 25.4mm. In practice, actual physical pixel size varies enormously: a pixel on a 24-inch 1080p monitor is about 0.28mm, while a pixel on a 6-inch 1080p phone is about 0.065mm. The CSS conversion is a logical reference, not a physical measurement.

Common Mistakes to Avoid

  • Assuming pixels have a fixed physical size. A pixel on a desktop monitor, a laptop screen, and a phone display are all different physical sizes. The px-to-mm conversion at 96 DPI is a CSS reference standard, not a measurement of actual screen pixels.
  • Using the conversion for print without adjusting for print DPI. A 300px-wide image at 96 DPI is 79.4mm. At 300 DPI print resolution, the same 300px image is only 25.4mm (1 inch). Always specify the DPI context.
  • Forgetting that 25.4mm = 1 inch is exact. The inch-to-millimeter conversion is an exact definition (since 1959), so 96px = 25.4mm is exact within the CSS standard.
  • Comparing CSS millimeter conversions to a ruler on an uncalibrated monitor. The conversion is logically correct for CSS, but the physical on-screen size still varies with device density and scaling.
Ad Slot (auto)

Frequently Asked Questions

How many pixels in 1 millimeter?
At 96 DPI (CSS standard): 1mm = 96/25.4 ≈ 3.7795px. At 300 DPI (print): 1mm ≈ 11.811px. The number of pixels per mm depends on the resolution context.
Should I use mm in CSS?
CSS supports mm as a unit, but it is rarely used for screen design. Like inches, CSS millimeters are calculated from the 96 DPI reference and may not match physical millimeters on any given display. Use mm only in @media print stylesheets where physical accuracy matters.
How do I size images for metric-country print at 300 DPI?
Multiply the desired print size in mm by 300/25.4 ≈ 11.811 to get the required pixel dimensions. For example, a 100mm x 150mm image at 300 DPI needs 1,181 x 1,772 pixels.
Why is px-to-mm conversion only approximate on screens?
Because the CSS pixel is a logical unit. Browsers map that logical pixel to physical device pixels based on screen density and scaling, so the same 200px element can occupy different physical sizes on different displays. The conversion is exact in CSS terms, but the real-world size depends on the hardware.
How many millimeters is 100px?
At the CSS reference of 96 DPI, multiply by 0.2646. So 100px is about 26.46mm. That is just over 2.6 centimeters in logical CSS sizing terms.
Quick Tip

For quick mental conversion: 4 pixels is about 1 millimeter (at 96 DPI). More precisely, 3.78 pixels per mm, but "4px per mm" is close enough for estimation. So a 400px element is roughly 100mm (10cm), and a 40px icon is about 10mm (1cm). For print work, remember to multiply your desired mm by approximately 12 pixels per mm for 300 DPI output.

Sources & References