PX to MM Converter

About This PX to MM Converter

This PX to MM converter translates pixel values into millimeters using the DPI (dots per inch) of your screen or output device. Pixels are relative. Millimeters are not. That difference matters enormously when designing for print, physical products, or any medium where real-world dimensions count.

When to Use It

• Preparing print-ready assets from a screen design (Figma, Photoshop, Illustrator)
• Converting UI measurements for physical prototypes or hardware specs
• Working with CSS pixel values and needing real-world equivalents for documentation
• Checking whether a design scales correctly across different DPI environments

Choosing the Right DPI

DPI is not a fixed standard. It depends entirely on your output device. Using the wrong DPI is the most common source of sizing errors between screen and print.

If you are working in a browser, 96 DPI is almost always the right choice. For anything going to a print shop, 300 DPI is the industry standard minimum for sharp output.

How the Conversion Works

1. Enter a pixel value in the input field.
2. Select the DPI that matches your device or output target.
3. The millimeter result updates instantly, no button press needed.
4. Copy the result directly to your clipboard with one click.

Related Concepts

PPI vs. DPI: PPI (pixels per inch) describes screen density. DPI (dots per inch) describes print resolution. For conversion purposes, they are used interchangeably in this tool. Resolution independence is why vector formats like SVG scale cleanly across both screen and print without conversion issues. If you find yourself converting frequently, it may be worth evaluating whether your workflow can move to resolution-independent assets earlier in the process.

For further reading on print resolution standards, see the ISO 12647 print standard and CSS absolute length units as defined by the W3C.

What Is a PX to MM Converter?

A PX to MM converter is a calculation tool that translates pixel values into physical millimeter measurements using a DPI (dots per inch) constant as the bridge between screen and physical dimensions.

The conversion depends entirely on resolution context, not a universal fixed ratio. At the web standard of 96 DPI, 1px equals 0.2646mm. Change the DPI, and the output changes too.

This tool serves designers, developers, and print specialists who need screen-based pixel values to match real-world physical dimensions accurately.

Who uses it:

• UI designers preparing specs for physical product mockups

• Front-end developers writing CSS @media print stylesheets

• Print designers receiving digital files sized in pixels

• Packaging teams converting artboard dimensions for production

The reverse operation, converting MM back to pixels, uses the same formula in reverse: px = (mm × DPI) ÷ 25.4.

What Is a Pixel (PX) in Digital Measurement?

A pixel has no fixed physical size. It is the smallest addressable unit on a digital display, and its actual dimensions depend entirely on the screen's pixel density.

The W3C CSS specification defines a CSS pixel as exactly 1/96th of an inch, making it a logical unit rather than a hardware measurement.

CSS Pixels vs. Device Pixels

CSS pixels are what you write in code. A font-size: 16px declaration always means 16 CSS pixels, regardless of what screen renders it.

Device pixels are the physical hardware dots. On a 2x Retina display, one CSS pixel maps to 4 physical pixels in a 2×2 grid.

This distinction matters for PX to MM conversion. The formula always uses the CSS reference of 96 DPI, not the screen's actual hardware PPI.

Why Pixel Density Affects Physical Size

Average desktop PPI reached 105 in 2024, up from 92 in 2020 (Gitnux). Smartphone PPI averages 420 in 2024, up from 350 in 2019.

At 96 DPI, 1px = 0.2646mm. On a physical 420 PPI phone screen, 1 hardware pixel = roughly 0.0605mm.

The gap between CSS pixel size and physical pixel size is why the 96 DPI constant exists as a conversion anchor.

What Is a Millimeter (MM) in Measurement?

A millimeter is 1/1000 of a meter, a fixed physical unit in the International System of Units (SI). It does not change based on device, screen, or resolution.

90% of design firms worldwide engage in print-related projects annually (Design Week). For all of them, millimeters are the standard unit.

MM in Print and Physical Production

Adobe InDesign defaults to millimeters for document units, reflecting European print standards where MM dominates technical specs.

ISO 216 paper sizes (A4, A3, A2) are defined entirely in millimeters. An A4 sheet is exactly 210 × 297mm.

Print, packaging, and physical manufacturing all use MM because it removes device dependency. A 50mm measurement is 50mm on every printer, at every DPI, on every press.

Device-Independence of MM

Unlike pixels, millimeters carry no hidden assumptions.

A 100px element might be 26.46mm on a web layout or 8.47mm in a 300 DPI print file. A 100mm element is always 100mm, no matter the output medium.

This is precisely why web-to-print workflows require explicit PX to MM conversion rather than passing pixel values directly to print production.

What Is the Formula for Converting PX to MM?

MM = (PX ÷ DPI) × 25.4

The number 25.4 is fixed: there are exactly 25.4 millimeters in one inch, defined internationally since 1959.

DPI (dots per inch) is the variable. It determines how many pixels occupy one physical inch, which then sets the physical size of each pixel in millimeters.

Common DPI Values and Their Conversion Outputs

At 96 DPI, there are approximately 3.78 pixels per millimeter (PixelConverter, 2024). That is the inverse of 0.2646.

Why 96 DPI Is the Standard Reference

Microsoft standardized Windows display rendering at 96 DPI starting with Windows 95. The W3C CSS specification later adopted this as the reference pixel definition.

The spec defines the reference pixel as the visual angle of one pixel on a 96 DPI device viewed at arm's length (approximately 28 inches). Every major browser, including Chrome, Firefox, Safari, and Edge, applies this conversion consistently.

For any web-to-screen conversion, 96 DPI is always the correct DPI to use, regardless of what monitor you are physically looking at.

PX to MM Conversion Table at 96 DPI

At 96 DPI, the conversion factor is constant: 1px = 0.2646mm.

All values below use this factor. These are the conversions most designers and developers look up when moving between screen specs and print specifications.

Note: 96px converts to exactly 25.40mm, confirming the 1-inch relationship. This is a useful mental anchor for checking conversion accuracy.

For print production at 300 DPI, divide each MM value above by 3.125 to get the equivalent print-context output.

How Does DPI Affect PX to MM Conversion?

DPI is the variable that determines the physical size of a pixel. The same pixel value produces different millimeter outputs at different DPI settings.

100px at three common DPI values:

• 96 DPI (web): 100px = 26.46mm

• 150 DPI (low print): 100px = 16.93mm

• 300 DPI (professional print): 100px = 8.47mm

The difference between 96 DPI and 300 DPI output is a factor of 3.125. A layout that looks proportional on screen can appear dramatically smaller in a 300 DPI print file if the DPI context is not corrected.

Over 70% of marketers use print design as part of their advertising campaigns (Forbes). Most DPI mismatches in those workflows happen when designers assume web DPI applies to print files.

CSS Pixels vs. Physical Pixels on High-DPI Screens

Device pixel ratio (DPR) is a separate concept from DPI, and confusing them is one of the most common conversion errors.

A MacBook with a 2x Retina display has a DPR of 2. Each CSS pixel maps to 4 physical pixels. But CSS pixel-to-MM conversion still uses 96 DPI as the reference.

The DPR affects rendering sharpness, not the CSS unit math.

Figma, Sketch, and browser DevTools all report values in CSS pixels. A 200px element in Figma on a 2x Retina screen occupies 400 physical pixels on that display but still converts to 52.92mm using the 96 DPI formula.

Where PX to MM Conversion Is Used in Practice

PX to MM conversion appears across 4 distinct professional workflows. Each has a different DPI assumption and a different reason for needing accurate physical dimensions.

Print design: Designers working in Adobe InDesign or Illustrator receive digital assets spec'd in pixels. Converting to MM ensures artboard sizes and element placements match physical print output. An A4 page (210 × 297mm) at 96 DPI is 794 × 1123px. At 300 DPI, the same physical size is 2480 × 3508px.

Front-end development: CSS @media print stylesheets accept MM, CM, and IN units directly. Using MM in print stylesheets avoids the browser inconsistencies that appear when pixel values are used in print contexts. 1mm = 3.7795px in CSS print rendering (per W3C spec).

UI/UX handoff: Figma works in CSS pixels. When designs move from screen to physical product mockups (packaging, signage, printed UI guides), pixel values require conversion. The Figma "Unit Converter" plugin handles this directly within the design tool.

Packaging and production: Physical product teams sizing screen-designed assets for labels, boxes, or printed inserts need precise MM values. A 300 DPI print environment renders the same pixel count at one-third the physical size compared to a 96 DPI screen layout.

90% of design firms worldwide engage in print-related projects annually (Design Week), meaning this conversion is a routine part of most professional design workflows, not an edge case.

How PX to MM Conversion Works in Design Tools

Design tools handle pixel-to-millimeter conversion in very different ways. Some do it natively. Most require manual steps or plugins.

Figma holds a 40.65% market share among design tools and supports 13 million monthly active users as of early 2025 (SQ Magazine). Nearly every professional design workflow runs through it, which makes its unit handling consequential.

Figma

Unit behavior: Figma works in CSS pixels only. No native MM display.

• Free and Professional plans show all dimensions in pixels

• The "Variables Converter" and "Unit Converter" community plugins add MM output

• Dev Mode exposes CSS values in pixels, not physical units

• Exporting to print requires manual conversion before handing off to a print bureau

84% of designers collaborate with developers at least weekly (Figma, 2025). That handoff is where unit mismatches create the most friction.

Adobe InDesign

InDesign defaults to millimeters as its document unit, reflecting its print-first workflow.

Importing pixel-dimensioned assets into an InDesign document requires knowing the source DPI. A Figma export at 96 DPI produces different physical dimensions than an Illustrator export at 72 DPI, even at the same pixel count.

The Adobe Community forums document this confusion directly: a 210 × 210mm document in InDesign converts to 595px (at 72 DPI), not 794px (at 96 DPI), because InDesign uses 72 PPI as its internal pixel ruler unit (Adobe Community, 2021).

Adobe Illustrator and Sketch

Illustrator: defaults to 72 PPI, not 96. Pixel values exported from Illustrator convert to larger MM outputs than CSS-based tools at the same pixel count.

Sketch: allows document-level unit switching between PX and MM in Preferences. Teams using Sketch for print-adjacent work can set MM as the default unit and avoid manual conversion entirely.

Common PX to MM Conversion Mistakes

Most conversion errors come from 3 sources: wrong DPI assumption, misreading Retina exports, and mixing print and screen resolution contexts.

The global digital print design market was valued at USD 38.07 billion in 2023 and is projected to reach USD 57.03 billion by 2030 (Grand View Research, 2024). That volume of screen-to-print work means these mistakes happen at scale.

Using the Wrong DPI Value

Assuming 1px = 0.264mm works only at 96 DPI. Change the DPI and the output shifts completely.

• At 72 DPI (Illustrator default): 100px = 35.28mm

• At 96 DPI (CSS/web standard): 100px = 26.46mm

• At 300 DPI (professional print): 100px = 8.47mm

A designer who exports a 500px banner from Illustrator and converts it using 96 DPI will calculate 132.29mm. The actual physical output at Illustrator's 72 DPI default is 176.39mm, a difference of 44mm on a single element.

Confusing Device Pixel Ratio with DPI

DPR and DPI are not the same thing. A 2x Retina screenshot doubles the pixel count but does not mean the screen is 192 DPI for CSS conversion purposes.

CSS pixel-to-MM conversion always uses the 96 DPI reference, regardless of the device's hardware DPI. A 400px element on a 2x Retina display renders at 800 physical pixels, but still converts to 105.83mm using 96 DPI math.

Passing Retina screenshot pixel dimensions directly into a converter produces MM values that are twice the actual physical size.

Treating MM as Accurate on Screen

The W3C CSS specification abandoned the requirement for MM to render accurately on screen in 2011 (W3C CSS Values Module). On screen, browsers convert MM to pixels using the 96 DPI assumption, so a 10mm CSS rule does not physically measure 10mm on a ruler.

MM values are physically accurate only in print output and on high-resolution print-calibrated devices. Using MM in CSS for screen layouts introduces the same 96 DPI assumption as any other absolute unit.

PX to MM Conversion for Print Stylesheets in CSS

CSS supports 6 absolute length units for use in @media print stylesheets: px, mm, cm, in, pt, and pc. Among these, MM is the most precise for European print standards and ISO 216 paper sizes.

At the CSS print rendering baseline of 96 DPI, 1mm equals 3.7795px (W3C spec). The inverse: 1px equals 0.2646mm.

Using MM in @media print Rules

Why MM outperforms PX in print stylesheets:

• MM values map directly to physical print dimensions, no conversion required

• margin: 25mm on a print stylesheet produces a physical 25mm margin on paper

• PX values in print stylesheets still work, but browsers convert them at 96 DPI internally

A practical print stylesheet margin setup using MM:

@media print {
  body {
    margin: 20mm;
    font-size: 11pt;
  }
  .no-print {
    display: none;
  }
}

This produces 20mm physical margins on any printer, regardless of the user's screen resolution.

Browser Inconsistencies in Print Rendering

Not all browsers handle physical units identically in print output.

As of 2024, no modern browser fully supports the @page {} rule for controlling page size and margins in print stylesheets (DiDoesDigital, 2024). CSS Paged Media converters like Prince handle @page correctly but require separate tooling and licensing.

Chrome, Firefox, and Safari all apply the 96 DPI conversion internally for print rendering. The practical difference between browsers appears mostly in margin rendering and page-break behavior, not in absolute unit math.

Key rule: always specify margins, gutters, and bleed areas in MM when writing CSS for print output. Never pass pixel values to a printer and assume they will render at the expected physical size.

PX to MM vs. PX to CM vs. PX to PX to Inches Converter

All 3 conversions use the same underlying formula: divide pixels by DPI, then multiply by the unit's per-inch value. The choice between them depends entirely on the output medium and geographic standard.

When to Use MM

MM is the right choice for European print standards, ISO 216 paper specifications, technical drawings, and any dimension under 1cm where centimeter values would require decimals.

Business card specs, label printing, and packaging dielines are almost universally specified in MM.

When to Use CM

CM works well for general document layout and larger print components where MM values become unwieldy. A poster margin of 2.5cm is easier to read than 25mm, though both are correct.

CM is the default in several European design workflows, particularly in print management software.

When to Use Inches

Inches dominate US print production. Banner advertising specs, press release specifications, and US paper standards (Letter, Legal, Tabloid) are all defined in inches.

A PX to PT Converter handles the related typographic unit conversion when working with point sizes for print typography, since 1 point equals 1/72 of an inch, not a direct MM relationship.

The practical rule is straightforward. MM for anything going to a European printer or following ISO standards. Inches for anything going to a US printer or following ANSI standards. CM as a readable middle ground for larger document components in either region.

FAQ on PX To MM Converters

How do I convert PX to MM?

Use the formula: MM = (PX ÷ DPI) × 25.4.

At the web standard of 96 DPI, 1px equals 0.2646mm. Divide your pixel value by 96, then multiply by 25.4.

What DPI should I use for PX to MM conversion?

For screen and CSS work, use 96 DPI. For professional print output, use 300 DPI. For legacy Mac or Illustrator files, 72 DPI applies. Always match DPI to your output medium, not your screen.

Is 1px always equal to 0.2646mm?

Only at 96 DPI. At 300 DPI, 1px equals 0.0847mm. At 72 DPI, 1px equals 0.3528mm. The conversion factor changes with every DPI value, so the output is never universally fixed.

Why does my PX to MM conversion look wrong in Adobe Illustrator?

Illustrator defaults to 72 PPI, not 96. The same pixel value produces a larger MM output in Illustrator than in CSS-based tools. Check your document's resolution settings before converting and exporting assets for print.

How many pixels are in 1 millimeter?

At 96 DPI, there are approximately 3.78 pixels per millimeter. At 300 DPI (print resolution), that rises to 11.81 pixels per millimeter. The pixel density per millimeter scales directly with the DPI setting used.

Can I use millimeters in CSS?

Yes. CSS accepts mm as an absolute length unit, most reliably inside @media print stylesheets. On screen, browsers convert MM to pixels using the 96 DPI reference, so a 10mm rule will not physically measure 10mm on a monitor.

Does device pixel ratio affect PX to MM conversion?

No. Device pixel ratio (DPR) affects rendering sharpness, not unit math. A 2x Retina display maps one CSS pixel to four physical pixels, but the CSS-to-MM conversion still uses 96 DPI. Retina screenshot dimensions should be halved before converting.

What is the difference between PX to MM and PX to CM?

Both use the same formula with different multipliers. PX to MM uses 25.4 (millimeters per inch). PX to CM uses 2.54 (centimeters per inch). MM is better for fine print specs and packaging. CM suits larger document layout dimensions.

How do I convert Figma pixels to millimeters?

Figma works in CSS pixels at 96 DPI. Apply the standard formula: MM = (PX ÷ 96) × 25.4. Community plugins like "Unit Converter" handle this inside Figma directly. For print handoffs, always confirm the target DPI with your print bureau before converting.

Why do online PX to MM converters give different results?

Most differences come from different default DPI assumptions. Tools defaulting to 96 DPI and those defaulting to 72 DPI produce different outputs for the same pixel input. Always check which DPI a converter uses before trusting its result for print production work.