What is Cm to PX Converter?

Centimeters to Pixels converter is a free online tool that helps you convert the centimeter values into pixels. With the help of this tool, you can enhance your productivity in print media, web designing, and overall website development.

How to use a Centimeter to Pixel converter

Before using this tool, you must have explicit knowledge about PPI and DPI and how they differ. So, you can read the previous article, Pixels to Centimeter Converter, in which detailed information about using PPI values in different fields is provided.

So, after understanding these terms, you can follow the below steps to use this calculator:

Step 1: Set the PPI value; the default standard value for the Web is 96 PPI.

Step 2: Now input the cm value you want to convert into pixels.

Step 3: Click the convert button to get your results in px.

You can also do the reverse conversion by using pixels to centimeters for free.

Cm to Px Conversion Table

For convenience, you can also use the table below, which shows some common centimeters to pixels conversions. Moreover, you can confirm the results by using the above tool.

CM	PX
0.75	28.35
1	37.8
1.5	56.7
2	75.6
2.5	94.5
3	113.4
3.5	132.3
4	151.2
4.5	170.1
5	189
5.5	207.9
6	226.8
6.5	245.7
7	264.6
7.5	283.5
8	302.4
8.5	321.3
9	340.2
9.5	359.1
10	378
12.5	472.5
15	567
17.5	661.5
20	756
22.5	850.5
25	945
27.5	1039.5
30	1134
32.5	1228.5
35	1323
37.5	1417.5
40	1512
50	1890
60	2268
75	2835
100	3780

Cm to Px Conversion Formula

If you use the previous tool to convert pixels into centimeters, you will understand how the formula originated. As for Px to cm, the formula is:

1Cm = 96Px / 2.54

So for px to cm, it will be:

Pixels = centimeters * (96px/2.54)

px = cm * (96px/2.54)

Important Note: Make sure that the value of Pixels Per Inch is 96px on the Web. However, if you are working with print media, it may change according to your targeted DPI or PPI. For example,  a standard printer has 300 dpi.

You can try feet to pixels for more conversions.

Examples Of Centimeters

Below are some of the few centimeters examples, that can give clear idea to use centimeters:

Example 1: Setting Print Styles

Scenario: You’re creating print-specific styles for a webpage, and you need precise control over dimensions in centimeters.

CSS:

@media print {
  .page {
    width: 21cm;
    height: 29.7cm; /* Standard A4 size */
    margin: 2cm;
  }
}

Explanation: Within a @media print rule, centimeters can be useful for defining page size, margins, and other physical dimensions. This is the most common (and arguably most appropriate) use case for centimeters in CSS.

Example 2: Setting Image Dimension

Scenario: You want an image to be a specific physical size in centimeters.

CSS:

img {
  width: 5cm;
  height: 5cm;
}

Explanation: This sets the image dimensions to 5 centimeters by 5 centimeters. However, this will only be accurate in print. On screen, the image size will depend on the screen’s DPI (dots per inch), which varies significantly.