像素尺寸換算
關於像素尺寸換算
像素(px)是螢幕顯示的基本單位，而實體尺寸(如毫米、厘米、英吋)則是現實世界的度量單位。在網頁設計和印刷中，常需要在這些單位之間進行轉換。
轉換的關鍵是螢幕解析度(DPI)，即每英吋包含的像素數量。標準螢幕通常為96 DPI，但高解析度螢幕可能更高。
像素尺寸換算對照表
| 像素 (px) | 毫米 (mm) | 厘米 (cm) | 英吋 (inch) | 點 (pt) |
|---|---|---|---|---|
| 1 | 0.26 | 0.03 | 0.01 | 0.75 |
| 10 | 2.65 | 0.26 | 0.10 | 7.50 |
| 50 | 13.23 | 1.32 | 0.52 | 37.50 |
| 72 | 19.05 | 1.91 | 0.75 | 54.00 |
| 96 | 25.40 | 2.54 | 1.00 | 72.00 |
| 100 | 26.46 | 2.65 | 1.04 | 75.00 |
| 150 | 39.69 | 3.97 | 1.56 | 112.50 |
| 200 | 52.92 | 5.29 | 2.08 | 150.00 |
| 300 | 79.38 | 7.94 | 3.13 | 225.00 |
| 500 | 132.29 | 13.23 | 5.21 | 375.00 |
| 1000 | 264.58 | 26.46 | 10.42 | 750.00 |
像素尺寸換算詳細說明
基本概念
像素（px）是數位影像的基本單位，而毫米（mm）、厘米（cm）、英吋（inch）和點（pt）則是實體尺寸單位。在網頁設計、印刷和圖像處理中，經常需要在這些單位之間進行轉換。
DPI 與解析度
DPI（Dots Per Inch，每英吋點數）是連接像素與實體尺寸的關鍵參數，表示每英吋包含的像素數量。標準螢幕通常為 96 DPI，而印刷品常用 300 DPI 或更高。
常用換算公式
像素轉毫米： 毫米 = (像素 ÷ DPI) × 25.4
例如：100 像素在 96 DPI 下 = (100 ÷ 96) × 25.4 ≈ 26.46 毫米
像素轉厘米： 厘米 = (像素 ÷ DPI) × 2.54
例如：100 像素在 96 DPI 下 = (100 ÷ 96) × 2.54 ≈ 2.65 厘米
像素轉英吋： 英吋 = 像素 ÷ DPI
例如：100 像素在 96 DPI 下 = 100 ÷ 96 ≈ 1.04 英吋
像素轉點： 點 = (像素 ÷ DPI) × 72
例如：100 像素在 96 DPI 下 = (100 ÷ 96) × 72 = 75 點
毫米轉像素： 像素 = (毫米 ÷ 25.4) × DPI
例如：10 毫米在 96 DPI 下 = (10 ÷ 25.4) × 96 ≈ 37.8 像素
厘米轉像素： 像素 = (厘米 ÷ 2.54) × DPI
例如：5 厘米在 96 DPI 下 = (5 ÷ 2.54) × 96 ≈ 189 像素
常見應用場景
網頁設計
在網頁設計中，像素是主要使用的單位。但有時需要確保元素在不同設備上的實際大小相近，此時需要考慮螢幕的 DPI 值。
印刷設計
印刷設計通常使用毫米、厘米或英吋等實體單位。將數位設計轉換為印刷品時，需要確保解析度足夠（通常至少 300 DPI）以保證印刷質量。
圖像處理
在調整圖像大小時，了解像素與實體尺寸的關係可以幫助確保圖像在螢幕上顯示或印刷時的實際大小符合預期。
響應式設計
在響應式設計中，可能需要使用相對單位（如 em、rem、%）而非固定像素，以適應不同螢幕大小和解析度。
注意事項
- 上述換算基於標準 96 DPI 螢幕，不同設備的實際 DPI 可能有所不同。
- 高解析度螢幕（如 Retina 顯示器）可能有更高的 DPI 值，需要進行相應調整。
- 在網頁中，1 英吋不一定等於螢幕上的實際 1 英吋，這取決於設備的物理像素比。
- 印刷設計通常需要更高的解析度（如 300 DPI），以確保清晰度。
- CSS 中的點（pt）單位在螢幕顯示中通常以 1pt = 1.33px（基於 96 DPI）計算。