Convert between pixels and real-world units at any DPI.
Pixels to millimeters, cm to px, feet to pixels, and every combination in between. Set your DPI, get instant results. Built for designers, developers, and print professionals.
All conversions from 100 px
Pixels
100 px
Millimeters
26.4583 mm
Centimeters
2.6458 cm
Inches
1.0417 in
Feet
0.0868056 ft
Points
75 pt
Em
6.25 em
Rem
6.25 rem
Common conversions at 96 DPI
How to convert between pixels and physical units.
Enter your value
Type any number into the input field and select the source unit - pixels, millimeters, centimeters, inches, or feet. The converter accepts integers and decimals, so values like 3.5 mm or 1152 px work equally well.
Set the DPI
Choose 96 DPI for web and screen work, 300 DPI for print, 150 DPI for large format posters, or type a custom value. DPI is the bridge between pixel counts and real-world measurements - changing it recalculates all results instantly.
Copy the result
All converted values display simultaneously. Grab the number you need - whether that is pixels for CSS, millimeters for Illustrator, or feet for a banner order form. Results update in real time as you change any input.
When you need pixel-to-physical conversions.
Print design and prepress
A business card is 88.9 x 50.8 mm. At 300 DPI, that is 1050 x 600 pixels. A 24x36 inch poster at 300 DPI needs 7200 x 10800 pixels. Getting these numbers wrong means pixelated output or wasted print runs. Use the converter to verify pixel dimensions before sending files to your print vendor. It saves one round of proofs and catches resolution issues early.
Web and UI development
Design specs from Figma or Sketch often include measurements in both pixels and millimeters. A client says "the logo must be 20 mm wide on screen" - at 96 DPI, that is 76 pixels. CSS accepts px, cm, mm, and in as length units, but they all resolve to the 96 DPI reference pixel internally. Knowing the math avoids layout surprises when QA measures the rendered output against the design mockup.
Large format and signage
A 10-foot vinyl banner at 150 DPI requires an image 18,000 pixels wide. A 4-foot retractable stand at 300 DPI needs 14,400 pixels. Large format vendors specify dimensions in feet or meters but need pixel-accurate source files. This converter bridges the gap between the physical dimensions on the order form and the canvas size you set in Photoshop or Illustrator.
Photography and image sizing
A 6000x4000 pixel camera RAW file from a 24 MP sensor prints at 20 x 13.3 inches at 300 DPI - just right for a large photo print. At 150 DPI the same file covers 40 x 26.7 inches. Knowing this helps you decide whether to upscale before printing or crop down. Use the converter to check maximum print size at your desired DPI before ordering a canvas wrap or gallery print.
The math behind pixel unit conversion.
Every conversion flows through inches as the common base unit, because DPI (dots per inch) is defined as pixels per inch. To convert millimeters to pixels: divide mm by 25.4 to get inches, then multiply by DPI. To convert pixels to centimeters: divide pixels by DPI to get inches, then multiply by 2.54. To convert feet to pixels: multiply feet by 12 to get inches, then multiply by DPI. The constants 25.4 (mm/inch) and 2.54 (cm/inch) are exact by international definition, not approximations.
Common conversion reference values
At 96 DPI: 1 mm = 3.78 px, 1 cm = 37.80 px, 1 inch = 96 px, 1 foot = 1,152 px. At 300 DPI: 1 mm = 11.81 px, 1 cm = 118.11 px, 1 inch = 300 px, 1 foot = 3,600 px. At 72 DPI (the legacy Mac standard from the original Macintosh in 1984): 1 mm = 2.83 px, 1 cm = 28.35 px, 1 inch = 72 px, 1 foot = 864 px. Memorizing the 96 DPI and 300 DPI values covers the two most common scenarios - screen and print.
Why 96 DPI became the web standard
Microsoft chose 96 DPI as the Windows default in 1996 because typical monitors of that era had roughly 96 physical pixels per inch. Apple used 72 DPI, matching the typographic point (1 point = 1/72 inch) so that on-screen text at 12pt displayed at approximately the same size as printed text. The W3C CSS specification adopted 96 DPI as the reference pixel density, and all modern browsers use it. This means CSS declarations like width: 1in always compute to 96 px, even on a 220 PPI laptop screen where one physical inch contains far more than 96 hardware pixels.
Handling retina and HiDPI displays
A "2x retina" display renders 2 physical pixels for every CSS pixel. A MacBook Pro with a 227 PPI screen at 2x scaling still uses 96 CSS DPI for layout math. If you need the physical pixel count for a retina asset, multiply the CSS pixel value by the device pixel ratio. For example, a 100 CSS-pixel icon on a 2x display needs a 200x200 physical pixel source image for sharp rendering. The DPI checker tool at /dpi-checker/ can report the actual DPI metadata embedded in an image file, which helps verify that your source assets match the intended output density.
Check image DPI?
Read the DPI metadata embedded in any image file to verify print readiness.
DPI CheckerResize to exact pixels?
Scale images to the pixel dimensions you just calculated from this converter.
Resize ImageBulk resize images?
Resize multiple images at once to the exact pixel dimensions for print or web.
Bulk ResizeFrequently asked questions.
How do I convert mm to pixels?
The formula is: pixels = (mm / 25.4) * DPI. At the web standard of 96 DPI, 1 mm equals approximately 3.78 pixels. At 300 DPI (standard print resolution), 1 mm equals approximately 11.81 pixels. The 25.4 constant is the exact number of millimeters in one inch, defined by the international yard agreement of 1959. Enter your millimeter value and select your target DPI in the converter above. The tool handles the arithmetic and rounding automatically. For print design, always use the DPI setting that matches your printer output - laser printers typically run at 300 or 600 DPI, while commercial offset presses use 300 DPI for photographs and 1200 DPI for vector artwork.
What DPI should I use for mm to px conversion?
It depends on the output medium. For screen display (web pages, apps, UI mockups), use 96 DPI - this is the CSS reference pixel density defined in the W3C specification and used by Windows, macOS, and all major browsers as their default. For standard print (brochures, flyers, business cards), use 300 DPI - this matches the resolution threshold where the human eye at a 10-inch viewing distance cannot distinguish individual dots. For large-format printing (banners, posters viewed from 3+ feet), 150 DPI is sufficient because viewing distance compensates for lower density. For retina/HiDPI screens, multiply: a "2x retina" display at 96 CSS DPI actually renders at 192 physical pixels per inch.
How many pixels are in one foot?
At 96 DPI (screen standard): 1 foot = 12 inches x 96 pixels/inch = 1,152 pixels. At 300 DPI (print standard): 1 foot = 12 x 300 = 3,600 pixels. At 72 DPI (legacy Mac standard): 1 foot = 12 x 72 = 864 pixels. The conversion is linear - double the DPI and you double the pixel count for the same physical measurement. For practical context: a 2-foot-wide banner designed for 150 DPI print needs 2 x 12 x 150 = 3,600 pixels in width. A 3-foot conference poster at 300 DPI needs 10,800 pixels wide - that is 36 inches x 300. Most image editors cap at around 30,000 pixels on the longest edge, so ultra-large formats at high DPI can hit software limits.
Why do px to mm results change with different DPI values?
A pixel has no fixed physical size. It is a unit of digital resolution whose real-world measurement depends entirely on the output density. At 96 DPI, each pixel occupies 1/96 of an inch, which equals 0.2646 mm. At 300 DPI, each pixel is 1/300 of an inch, or 0.0847 mm - roughly one-third the size. The same 500-pixel-wide image prints at 132.3 mm on a 96 DPI screen but only 42.3 mm on a 300 DPI printout. This is why designers must know the target DPI before converting. The pixel itself is dimensionless in isolation; DPI is the bridge between digital coordinates and physical dimensions measured in millimeters, centimeters, inches, or feet.
How do I convert cm to pixels for web design?
Multiply centimeters by 37.795275591 at 96 DPI. The derivation: 1 inch = 2.54 cm, and 96 pixels = 1 inch, so 96 / 2.54 = 37.795... pixels per centimeter. For a 10 cm element on screen, that is roughly 378 pixels wide. In practice, CSS accepts cm units directly (width: 10cm), but the browser converts to pixels internally using 96 DPI regardless of the monitor physical density - so a "10cm" CSS box is always 378 CSS pixels, even on a 27-inch 4K monitor where physical centimeters differ. For print workflows in Photoshop or Illustrator, set the document DPI to 300 and the software handles cm-to-pixel mapping at that resolution. This converter lets you verify those values independently.
What is the difference between DPI and PPI?
DPI (dots per inch) technically describes printer output - the number of ink dots a printer places per linear inch. PPI (pixels per inch) describes screen resolution - the number of luminous pixel elements per linear inch on a display. In everyday usage, the terms are interchangeable for conversion purposes because both express a density ratio: physical units per inch. A 300 DPI print setting and a 300 PPI screen setting both mean 300 discrete samples per inch. The distinction matters to print technicians because a single "pixel" in the source image may be rendered using multiple ink dots (a 300 PPI image printed on a 1200 DPI inkjet uses about 4 dots per pixel). For unit conversion math, treat DPI and PPI as the same value.
Can I convert pixels to feet for large format printing?
Yes. The formula is: feet = pixels / (DPI x 12). A 7,200-pixel-wide image at 150 DPI spans 7200 / (150 x 12) = 4 feet. Large format printers - Roland, Epson SureColor, HP Latex series - typically accept files at 150-300 DPI. At 150 DPI, a 10-foot-wide banner needs 18,000 pixels of width. At 300 DPI, it needs 36,000 pixels, which exceeds the maximum canvas size of many image editors (Photoshop caps at 300,000 pixels on either side, so this is fine, but GIMP historically capped lower). Enter your pixel dimensions and DPI in the converter above to get the exact physical size in feet, inches, centimeters, or millimeters instantly.
How does pixel to mm conversion apply to responsive web design?
CSS pixels are abstract units tied to 96 DPI by specification, not to physical millimeters. One CSS pixel equals 1/96 of a CSS inch, regardless of the actual screen hardware. A div set to 378px wide is nominally 10 cm at 96 DPI, but on a high-density phone screen with 440 PPI physical pixels, the physical width shrinks to about 2.2 cm. Responsive design uses CSS pixels for layout consistency across devices and media queries for breakpoints. The mm-to-px conversion is useful when you need to size print-ready assets embedded in web pages (downloadable PDFs, print stylesheets) or when designing UI for fixed-dimension hardware like kiosks with known 21.5-inch 1080p screens where 1 CSS pixel equals a predictable physical size.