Centimeters to Pixels Converter
Accurate cm to px conversion for web design, print media, and screen resolution calculations
Quick Conversions
Popular Centimeters to Pixels Conversions
| Centimeters (cm) | Pixels (96 PPI) | Pixels (300 PPI) |
|---|---|---|
| 0.5 cm | 18.90 px | 59.06 px |
| 1 cm | 37.80 px | 118.11 px |
| 2 cm | 75.59 px | 236.22 px |
| 3 cm | 113.39 px | 354.33 px |
| 4 cm | 151.18 px | 472.44 px |
| 5 cm | 188.98 px | 590.55 px |
| 7.5 cm | 283.46 px | 885.83 px |
| 10 cm | 377.95 px | 1181.10 px |
| 15 cm | 566.93 px | 1771.65 px |
| 20 cm | 755.91 px | 2362.20 px |
| 25 cm | 944.88 px | 2952.76 px |
| 30 cm | 1133.86 px | 3543.31 px |
Conversion Formula and Calculation Method
Standard Formula:
de>Pixels = Centimeters × (PPI ÷ 2.54)
For 96 PPI (Web Standard):
de>Pixels = Centimeters × 37.7952755906
Step-by-Step Calculation
- Identify Your PPI/DPI: Determine the resolution of your target medium. Web displays typically operate at 96 PPI, while professional printing requires 300 PPI or higher.
- Apply the Conversion Factor: Divide the PPI value by 2.54 (since 1 inch equals 2.54 centimeters) to get the pixels-per-centimeter ratio.
- Multiply by Centimeter Value: Take your measurement in centimeters and multiply it by the conversion factor calculated in step 2.
- Round if Necessary: Pixels are discrete units, so round your result to the nearest whole number for practical applications.
Example Calculation: Convert 10 cm to pixels at 96 PPI
Step 1: 96 ÷ 2.54 = 37.7952755906 pixels per cm
Step 2: 10 × 37.7952755906 = 377.952755906 pixels
Result: 378 pixels (rounded)
Screen Resolution Standards
Legacy Mac displays
Standard Windows/Web
HD displays
Retina displays
Print media
Web vs Print Resolution
The conversion between centimeters and pixels depends critically on the target medium. Web content typically operates at 96 PPI, which means 1 cm equals approximately 38 pixels. However, print media requires significantly higher resolution for crisp output. Professional printing standards demand 300 PPI, where 1 cm translates to roughly 118 pixels. Understanding this distinction prevents quality issues when transferring designs between digital and physical formats.
Visual Scale Reference
1 cm
≈ 38 pixels (96 PPI)
5 cm
≈ 189 pixels (96 PPI)
10 cm
≈ 378 pixels (96 PPI)
15 cm
≈ 567 pixels (96 PPI)
Practical Applications
Web Development
When designing websites, developers often need to convert physical measurements from mockups or specifications into pixel values for CSS styling. A common scenario involves translating a printed design concept measuring 20 cm in width to its screen equivalent, which would be approximately 756 pixels at standard web resolution.
Graphic Design
Graphic designers working across digital and print platforms regularly perform cm-to-pixel conversions. Creating a banner that needs to be 30 cm tall for print at 300 PPI requires an image height of 3,543 pixels, while the same 30 cm for web display at 96 PPI only needs 1,134 pixels.
Photography
Photographers preparing images for specific output sizes must calculate pixel dimensions based on the desired physical size and print resolution. A 20×30 cm photo print at professional quality (300 PPI) requires an image of 2,362×3,543 pixels minimum.
Mobile App Design
Mobile interface designers work with various screen densities. Converting centimeter-based ergonomic guidelines (such as minimum touch target sizes) into device pixels requires considering each device’s specific PPI, which can range from 120 to over 400 PPI for modern smartphones.
Resolution Density Variations
| Resolution Type | PPI/DPI Value | 1 cm in Pixels | Common Usage |
|---|---|---|---|
| Legacy Mac | 72 PPI | 28.35 px | Older displays |
| Standard Web | 96 PPI | 37.80 px | Most websites |
| HD Screen | 120 PPI | 47.24 px | Laptops |
| Retina Display | 220 PPI | 86.61 px | MacBook Pro |
| Mobile HD | 240 PPI | 94.49 px | Smartphones |
| Standard Print | 300 PPI | 118.11 px | Magazines |
| High-End Print | 600 PPI | 236.22 px | Fine art prints |
Common Misconceptions
Pixels Are Not Fixed Measurements
Unlike centimeters, which represent absolute physical distances, pixels are relative units that change size depending on display resolution. A 100-pixel element appears physically larger on a 72 PPI screen than on a 300 PPI screen, even though both contain the same pixel count.
Screen Size vs Resolution
Many people confuse screen size (measured diagonally in inches) with resolution (pixel count). Two monitors can share identical 24-inch dimensions but display vastly different amounts of content if one operates at 1920×1080 pixels while the other runs at 3840×2160 pixels.
CSS Pixels vs Device Pixels
Modern web development distinguishes between CSS pixels (logical units used in code) and device pixels (physical screen pixels). On high-density displays, one CSS pixel might correspond to 2×2 or even 3×3 device pixels, complicating direct centimeter-to-pixel conversions.
Frequently Asked Questions
How many pixels equal 1 centimeter?
At the standard web resolution of 96 PPI, 1 centimeter equals approximately 37.8 pixels. However, this value changes based on display resolution. For print media at 300 PPI, 1 cm equals about 118 pixels. The exact conversion depends on your target medium’s pixel density.
What is PPI and why does it matter?
PPI (Pixels Per Inch) measures pixel density, indicating how many pixels fit within one inch of screen or print space. Higher PPI values produce sharper, more detailed images. Web displays typically use 96 PPI, while professional printing requires 300 PPI or higher for optimal quality.
Can I convert pixels back to centimeters?
Yes, the conversion works both directions. To convert pixels to centimeters, divide the pixel value by the PPI, then multiply by 2.54. For example, 378 pixels at 96 PPI equals (378 ÷ 96) × 2.54 = 10 cm.
Why do web and print use different resolutions?
Screens emit light directly to your eyes and can display clear images at lower resolutions. Print media relies on reflected light and requires much higher pixel density to achieve similar clarity. Viewing distance also plays a role—printed materials are often examined more closely than screens.
How do I determine my screen’s PPI?
Calculate your screen’s PPI by dividing the horizontal pixel count by the screen width in inches. For example, a 1920-pixel-wide monitor that measures 20 inches wide has a PPI of 96. Online PPI calculators can automate this calculation using your screen’s specifications.
Does zoom level affect centimeter-to-pixel conversion?
Browser zoom changes how content displays but doesn’t alter the underlying pixel-to-centimeter relationship in your code. However, zoom does affect what users perceive as the physical size of elements on their screens. CSS measurements remain consistent regardless of zoom level.
What resolution should I choose for social media images?
Most social media platforms optimize images for web display, so 96 PPI suffices for digital-only content. Focus on pixel dimensions rather than PPI—platforms like Instagram recommend 1080×1080 pixels for square posts regardless of the original resolution setting.
Are DPI and PPI the same thing?
While often used interchangeably, DPI (Dots Per Inch) technically refers to printer output, while PPI (Pixels Per Inch) describes digital displays. For conversion calculations, they function identically—both measure the number of individual elements per inch.
Size Comparison Examples
| Physical Object | Approximate Size (cm) | Web Display (96 PPI) | Print (300 PPI) |
|---|---|---|---|
| Credit Card Width | 8.5 cm | 321 px | 1004 px |
| Smartphone Screen | 14 cm | 529 px | 1654 px |
| A4 Paper Width | 21 cm | 794 px | 2480 px |
| A4 Paper Height | 29.7 cm | 1123 px | 3508 px |
| Tablet Screen | 25 cm | 945 px | 2953 px |
| Laptop Screen Width | 34 cm | 1285 px | 4016 px |
Professional Print Specifications
Magazine and Brochure Printing
Professional publications typically require 300 PPI resolution for sharp text and images. A standard magazine page measuring 21×28 cm needs an image of 2,480×3,307 pixels. Failing to meet this resolution results in visible pixelation and poor print quality that appears blurry or jagged.
Large Format Printing
Banners, posters, and billboards viewed from a distance can use lower resolutions. A 100×200 cm banner might only need 150 PPI (resulting in 5,906×11,811 pixels) since viewers stand farther away. This reduces file size while maintaining perceived quality at typical viewing distances.
Photo Book Production
Photo books demand high resolution for personal keepsakes. A 20×20 cm photo page at 300 PPI requires 2,362×2,362 pixels minimum. Professional photographers often provide 400-600 PPI images for premium photo book printing to ensure exceptional detail retention.