Skip to content
FeetToPixelsDPI / PPI / CSS

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

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

TaskFormulaResult
3 ft banner at 150 DPI3 x 12 x 1505,400 px wide
2400 px image at 300 DPI2400 / 3008 inches wide
10 cm label at 300 DPI10 x 300 / 2.541,181 px wide
1920 px layout at 96 DPI1920 / 9620 inches wide
24px CSS text to rem24 / 161.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 unitCommon workflowBest converter
PixelsResize for print or social uploadPixels to Inches, Pixels to CM
InchesSet canvas for US print projectsInches to Pixels
CentimetersSet canvas for EU or A-series paperCM to Pixels
MillimetersLabel design, packaging, product specsMM to Pixels
FeetLarge format: banners, signage, backdropsFeet to Pixels
rem / emCSS responsive typographyPX to REM, PX to EM
ptInDesign, Word, presentation softwarePT to PX
vwFull-width responsive sectionsVW to PX

Sources

Reference Sources

These external references support the page's conversion formulas, resolution guidance, and unit explanations.

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.