Conversion Form

IN
PX

About the Unit

Inch (in): The inch (in) is an absolute unit of measurement representing a physical inch, equal to 2.54 cm. In CSS, using the inch unit is particularly useful when you are creating documents or layouts for print, such as paper templates or physical charts. Using the in unit ensures that the layout will be printed with the exact dimensions specified, regardless of the screen resolution or the device used to view the page. The inch is a standard measure in many printing systems, so it is crucial when you need to create documents that will be printed or exported to other physical formats like PDFs. However, for digital web design, relative units (like px, em, or rem) usually offer greater flexibility, though the in unit may be the best choice for documents that need to be converted to physical formats.

Pro Tip: in → px

1in = 96px. Convert inches to pixels for screen designs.

Quick Reference: Unit Conversion by Tens

INPX
10in960px
20in1920px
30in2880px
40in3840px
50in4800px
60in5760px
70in6720px
80in7680px
90in8640px
100in9600px
110in10560px
120in11520px
130in12480px
140in13440px
150in14400px
160in15360px
170in16320px
180in17280px
190in18240px
200in19200px
210in20160px
220in21120px
230in22080px
240in23040px
250in24000px

Live Unit Preview

See how different CSS units affect the size of the box below:

10px

10rem

10em

10%

10vw

10vh

Common Mistake

Be cautious when mixing in and px without testing on different screen sizes.

Real Code Example

/* Mobile-first card with in → px */
.card {
  padding: 0in;     /* undefinedpx */
  font-size: 1.5rem;
  width: min(90vw, 40ch);
}
Unidade não encontrada.

Keyboard Shortcuts

  • Ctrl + C: Convert
  • Ctrl + I: Invert units
  • Esc: Reset values

More popular conversions