Quick Converter
All units at 96 DPI
Inches
1.0417 in
Centimeters
2.646 cm
Millimeters
26.46 mm
Feet
0.0868 ft
Points
75 pt
REM (16px)
6.25 rem
Tools
Pixel Converter: All-in-One Unit Conversion Tool Online
Pixel conversion depends on DPI for physical units and base font size for CSS units. At 96 DPI: 1 inch = 96px, 1cm = 37.8px. For CSS: 1rem = 16px (default).
Convert pixels to inches, cm, mm, feet, rem, em, pt, vw, and more. All-in-one pixel converter with DPI settings. The only pixel conversion tool you need.
Conversion Tools
Pixels to Inches Converter: Convert PX to Inches at Any DPI
Convert px to inches with DPI control
inches = px / DPI
INInches to Pixels Converter: Convert Inches to PX at Any DPI
Convert inches to px at any DPI
px = inches x DPI
CMPixels to CM Converter: Convert PX to Centimeters Online
Convert px to centimeters
cm = px x 2.54 / DPI
CMCM to Pixels Converter: Convert Centimeters to PX Online
Convert centimeters to px
px = cm x DPI / 2.54
MMPixels to MM Converter: Convert PX to Millimeters Online
Convert px to millimeters
mm = px x 25.4 / DPI
MMMM to Pixels Converter: Convert Millimeters to PX Online
Convert millimeters to px
px = mm x DPI / 25.4
FTFeet to Pixels Converter: Convert Feet to PX at Any DPI
Convert feet to px for large format
px = ft x 12 x DPI
FTPixels to Feet Converter: Convert PX to Feet Online
Convert px to feet
ft = px / (DPI x 12)
About Pixel Conversion
This hub brings together every pixel converter on FeetToPixels: physical units (inches, centimeters, millimeters, feet), screen density tools (DPI, PPI), and CSS units (rem, em, pt, vw). The key variable in all of them is DPI, which determines how many pixels fit into one physical inch.
That distinction matters whenever a design needs to work both on screen and in print. A file that looks large on a monitor can print much smaller once a higher DPI is applied. Get the DPI wrong and the canvas size is wrong too.
Common Conversion Formulas
- Pixels = inches x DPI
- Inches = pixels / DPI
- Pixels = centimeters x DPI / 2.54
- Pixels = millimeters x DPI / 25.4
- Pixels = feet x 12 x DPI
Which Converter Do You Need
Use the physical-unit converters (inches, cm, mm, feet) when you know the real-world size you need to hit. Use the reverse converters when you already have pixel dimensions and want to know how large they'll print at a given DPI.
For web and front-end work, start with the CSS converters. They translate pixel values into rem, em, pt, and viewport-based units so spacing and typography scale predictably across devices. If you're not sure which unit your workflow uses, the Unit Quick Reference table below maps starting units to the right converter.
Choose the Right DPI Before You Convert
Pixel conversion only gives a reliable result after the output context is clear. Screen work starts from CSS pixels and viewport dimensions. Print work starts from physical size, viewing distance, and the print shop's DPI requirement. Large signage sits between those two worlds: a banner viewed from 12 feet away doesn't need the same pixel density as a photo book held in your hand.
Use 96 DPI for CSS or screen-reference values, 150 DPI for posters and trade show graphics viewed from a few feet away, and 300 DPI for close-up print pieces such as brochures, labels, and photo prints. For billboards and large wall graphics, 30 to 100 DPI is acceptable when the viewing distance is long.
What Goes Wrong Without a DPI-Aware Converter
A converter that skips DPI gives you a number, but not a useful one. Type in 8 inches and get back 768 pixels without any DPI context, and that result is meaningless: 768 pixels at 96 DPI is an 8-inch screen reference, but the same 768 pixels at 300 DPI would only print 2.56 inches wide. The same number, two completely different physical outcomes.
Common mistakes from ignoring DPI: designing a banner at 72 DPI and sending it to a printer expecting 150 DPI (the output prints soft and pixelated), or exporting a photo at 300 DPI when the client only needed a web upload at 96 DPI (the file is unnecessarily large). The fix is always the same: state the DPI before the conversion, not after.
Worked Conversion Examples
| Task | Formula | Result |
|---|---|---|
| 3 ft banner at 150 DPI | 3 x 12 x 150 | 5,400 px wide |
| 2400 px image at 300 DPI | 2400 / 300 | 8 inches wide |
| 10 cm label at 300 DPI | 10 x 300 / 2.54 | 1,181 px wide |
| 1920 px layout at 96 DPI | 1920 / 96 | 20 inches wide |
| 24px CSS text to rem | 24 / 16 | 1.5rem |
Quality Checks Before Export
After converting, check three things before exporting the file. First, confirm the DPI matches the output type. Second, compare the final pixel dimensions against the largest image or artwork placed in the design. Third, make sure the aspect ratio hasn't changed during resizing.
A 4 x 8 foot banner at 150 DPI needs 7,200 x 14,400 pixels. If the main photo in that file is only 2,000 pixels wide, the document size may be correct while the photo still prints soft. The converter gives the target canvas; source image quality still has to match that target.
For handoff, write down both the converted value and the assumption behind it: 300 DPI for a close-view print, 150 DPI for a poster, 96 DPI for a screen reference, or a specific base font size for CSS. That note saves time when another designer, developer, or print vendor needs to reproduce the same conversion later.
- Confirm the intended output: screen, close-view print, poster, banner, or billboard.
- Use the printer's requested DPI when available instead of guessing.
- Keep the original aspect ratio unless the design is meant to crop.
- Check the largest placed image, not only the final canvas size.
Unit Quick Reference
Different professions use different units as their starting point. This table maps common input units to the converters most useful for each workflow.
| Starting unit | Common workflow | Best converter |
|---|---|---|
| Pixels | Resize for print or social upload | Pixels to Inches, Pixels to CM |
| Inches | Set canvas for US print projects | Inches to Pixels |
| Centimeters | Set canvas for EU or A-series paper | CM to Pixels |
| Millimeters | Label design, packaging, product specs | MM to Pixels |
| Feet | Large format: banners, signage, backdrops | Feet to Pixels |
| rem / em | CSS responsive typography | PX to REM, PX to EM |
| pt | InDesign, Word, presentation software | PT to PX |
| vw | Full-width responsive sections | VW to PX |
Sources
Reference Sources
These external references support the page's conversion formulas, resolution guidance, and unit explanations.
w3.org
W3C: CSS Values and Units Module Level 4
Specification covering absolute lengths and resolution units such as px, in, cm, mm, pt, and dpi.
Visit source
developer.mozilla.org
MDN: CSS values and units
Reference guide for CSS measurement units and how browsers interpret physical and relative sizes.
Visit source
developer.mozilla.org
MDN: <resolution>
Reference for resolution units including dpi, dppx, and dpcm used in screen and print discussions.
Visit source
developer.mozilla.org
MDN: image-resolution
Explains how raster image resolution metadata interacts with CSS and print-oriented image workflows.
Visit source
Frequently Asked Questions
This hub converts between pixels and all common design units: inches, centimeters, millimeters, feet, rem, em, pt, and vw. Every tool is DPI-aware so you can specify 72, 96, 150, 300, or any custom DPI.
Use Pixels to Inches for converting image dimensions to print size. Use Inches to Pixels to calculate pixel requirements for a target print size. Use the DPI Calculator to verify image resolution before sending to a print shop.
Use PX to REM for typography and spacing that should scale with user font preferences. Use PX to EM for component-level scaling. Use PX to VW for fluid layouts that scale with viewport width.