Centimetres to Pixels Converter
Convert cm to px with precision for web design, print media, and screen layouts
Quick Conversions
Conversion Formula
The conversion from centimetres to pixels depends on the screen or print resolution, measured in DPI (dots per inch) or PPI (pixels per inch). The mathematical relationship is based on the fact that 1 inch equals 2.54 centimetres.
Basic Formula:
Pixels = Centimetres × (DPI ÷ 2.54)
Step-by-Step Conversion Process
Step 1: Determine your resolution (DPI or PPI). Standard web displays use 96 DPI, whilst print media typically requires 300 DPI.
Step 2: Measure your length in centimetres that requires conversion.
Step 3: Apply the formula by multiplying centimetres by your DPI value, then dividing by 2.54.
Step 4: Round the result to the nearest whole number for practical pixel values.
Example Calculation
To convert 10 cm to pixels at 96 DPI:
- 10 × (96 ÷ 2.54) = 10 × 37.795 = 377.95 pixels
- Rounded result: 378 pixels
Common Conversions Reference
Standard Web Resolution (96 DPI)
| Centimetres | Pixels | Centimetres | Pixels |
|---|---|---|---|
| 1 cm | 38 px | 16 cm | 605 px |
| 2 cm | 76 px | 18 cm | 680 px |
| 3 cm | 113 px | 20 cm | 756 px |
| 4 cm | 151 px | 22 cm | 831 px |
| 5 cm | 189 px | 24 cm | 907 px |
| 6 cm | 227 px | 26 cm | 983 px |
| 8 cm | 302 px | 28 cm | 1,058 px |
| 10 cm | 378 px | 30 cm | 1,134 px |
| 12 cm | 454 px | 40 cm | 1,512 px |
| 14 cm | 529 px | 50 cm | 1,890 px |
Print Resolution (300 DPI)
| Centimetres | Pixels | Centimetres | Pixels |
|---|---|---|---|
| 1 cm | 118 px | 12 cm | 1,417 px |
| 2 cm | 236 px | 14 cm | 1,654 px |
| 3 cm | 354 px | 16 cm | 1,890 px |
| 4 cm | 472 px | 18 cm | 2,126 px |
| 5 cm | 591 px | 20 cm | 2,362 px |
| 6 cm | 709 px | 25 cm | 2,953 px |
| 8 cm | 945 px | 30 cm | 3,543 px |
| 10 cm | 1,181 px | 40 cm | 4,724 px |
Resolution Standards
72 DPI
Historical Mac screen standard. Older displays and some design work still reference this resolution for legacy compatibility.
96 DPI
Windows standard and most common web resolution. Default for CSS pixels and HTML rendering across browsers.
150 DPI
Moderate print quality suitable for everyday documents, posters, and internal materials that don’t require premium output.
300 DPI
Professional print standard for magazines, brochures, and high-quality photography. Industry standard for commercial printing.
326 PPI
Apple Retina Display resolution found in iPhones. Pixel density at which individual pixels become indistinguishable to the human eye.
401+ PPI
High-end smartphone displays including flagship Android devices. Superior clarity for mobile interfaces and detailed content.
Device-Specific Pixel Densities
Desktop Displays
Standard desktop monitors typically range from 96 to 110 PPI. High-resolution displays like 4K and 5K monitors can reach 160-220 PPI, providing sharper text and images but requiring display scaling for comfortable viewing.
Mobile Devices
Smartphones feature significantly higher pixel densities, typically between 260 and 600 PPI. This allows for crisp text and detailed imagery on smaller screens. The iPhone 16 Pro Max, for example, features a resolution of 1320×2868 pixels with approximately 460 PPI.
Tablets
Tablet displays generally fall between mobile and desktop densities, ranging from 170 to 350 PPI. The iPad Pro with its Retina Display achieves 264 PPI, balancing clarity with battery efficiency.
Print Media
Professional printing requires much higher resolutions than screens. Whilst 150 DPI is acceptable for posters viewed from a distance, 300 DPI remains the gold standard for magazines, brochures, and professional photography where fine detail matters.
DPI versus PPI
DPI (Dots Per Inch) traditionally refers to print resolution—the number of ink dots a printer can place in a one-inch line. This measurement determines print quality and detail.
PPI (Pixels Per Inch) measures digital display density—how many pixels fit into one inch of screen space. This affects screen sharpness and clarity.
Whilst technically different, these terms are often used interchangeably in conversion contexts. For web design, PPI is the accurate term, whilst print designers should reference DPI. Both follow the same mathematical conversion formula.
Key Principle:
Higher DPI/PPI values result in more pixels per centimetre, creating finer detail but larger file sizes. The optimal resolution depends on your final output medium and viewing distance.
Common Screen Resolutions
| Device Type | Resolution | Typical PPI Range |
|---|---|---|
| Full HD Desktop | 1920×1080 | 90-110 PPI |
| QHD Desktop | 2560×1440 | 100-120 PPI |
| 4K Desktop | 3840×2160 | 140-185 PPI |
| Standard Laptop | 1920×1080 | 125-145 PPI |
| MacBook Pro 16″ | 3456×2234 | 254 PPI |
| iPhone 16 Pro | 1206×2622 | 460 PPI |
| Samsung Galaxy S24 | 1440×3200 | 516 PPI |
| iPad Pro 12.9″ | 2048×2732 | 264 PPI |
Frequently Asked Questions
Why does pixel count vary for the same centimetre measurement?
The pixel equivalent depends entirely on resolution (DPI/PPI). A 1 cm line at 96 DPI equals 38 pixels, but at 300 DPI it becomes 118 pixels. Higher resolutions pack more pixels into the same physical space, increasing detail but also file size.
What resolution should I select for web design?
Web design typically employs 96 DPI as the standard. This aligns with CSS pixels and browser rendering across Windows systems. Mac systems historically used 72 DPI, but modern web development has standardised on 96 DPI for consistency.
How do I determine my screen’s PPI?
Calculate PPI by dividing your screen’s horizontal pixel count by its physical width in inches. For a 24-inch Full HD (1920×1080) monitor with a 20.9-inch viewable width: 1920 ÷ 20.9 = approximately 92 PPI.
Should I round pixel values?
Yes, pixels are discrete units that cannot be fractional in actual display. Whilst calculations yield decimal results, round to the nearest whole number for implementation. CSS accepts decimal values but browsers render whole pixels.
Does this conversion apply to responsive web design?
Responsive design typically employs relative units (percentages, em, rem, viewport units) rather than fixed pixels. However, cm-to-px conversion remains valuable for print stylesheets, PDF generation, and initial layout specifications.
What’s the difference between CSS pixels and device pixels?
CSS pixels are abstract units used in web development, standardised to 96 per inch. Device pixels are physical display pixels. High-DPI displays use multiple device pixels per CSS pixel, requiring the device pixel ratio (DPR) for accurate conversion.
How does viewing distance affect resolution requirements?
Greater viewing distances reduce the need for high DPI. Billboards might use 10-30 DPI as they’re viewed from afar, whilst smartphone screens require 300+ PPI for close viewing. Consider typical viewing distance when selecting resolution.
Can I convert pixels back to centimetres?
Absolutely. Reverse the formula: Centimetres = Pixels × 2.54 ÷ DPI. This proves useful when receiving pixel-based designs that require physical dimension specifications for print or manufacturing.