像素尺寸轉換器
什麼是像素單位轉換
像素單位轉換是將數位裝置上的像素(px)與實體世界的長度單位(如毫米、公分、英寸)進行互相換算的過程。由於像素是相對單位,其實際大小取決於裝置的解析度(DPI 或 PPI),因此在進行網頁設計、印刷排版或跨媒體製作時,準確的單位轉換至關重要。
在數位設計領域,設計師經常需要在螢幕尺寸與印刷尺寸之間切換。例如,一個在 96 DPI 螢幕上顯示為 960 像素寬的圖片,若要以 300 DPI 印刷,其實際寬度約為 25.4 公分。這個轉換器能幫助您在不同場景下快速完成換算,確保設計成品符合預期尺寸。
各單位詳細說明
像素 (px)
像素是數位影像的最小單位,是螢幕顯示和網頁設計的基礎單位。像素的實際大小會隨著裝置解析度而變化,因此是相對單位而非絕對單位。
- 網頁設計的主要單位
- 螢幕顯示的原生單位
- 需配合 DPI 轉換為實體尺寸
毫米 (mm)
毫米是公制長度單位,廣泛應用於印刷、工程和製造業。在台灣和大多數國家,毫米是最常用的精密測量單位之一。
- 1 公分 = 10 毫米
- 1 英寸 = 25.4 毫米
- 印刷設計常用單位
公分 (cm)
公分是日常生活中最常使用的長度單位,適合描述中等尺寸的物體。在設計稿、名片、海報等印刷品規格中經常使用。
- 1 公分 = 10 毫米
- A4 紙張:21 × 29.7 公分
- 日常測量的首選單位
英寸 (inch)
英寸是英制長度單位,在螢幕尺寸、照片列印和國際設計規範中廣泛使用。DPI 和 PPI 的定義都基於英寸。
- 1 英寸 = 2.54 公分
- 螢幕尺寸的標準單位
- 解析度計算的基準
點 (pt)
點是印刷和排版領域的傳統單位,主要用於字型大小的標示。在數位排版中,點也被廣泛採用作為字體尺寸的標準。
- 1 點 = 1/72 英寸
- 字型大小的標準單位
- 印刷排版的基礎單位
轉換公式說明
像素與實體單位的轉換需要知道解析度(DPI)。以下是各單位之間的轉換公式:
從像素轉換到其他單位
公分 = (像素 ÷ DPI) × 2.54
毫米 = (像素 ÷ DPI) × 25.4
點 = (像素 × 72) ÷ DPI
從實體單位轉換到像素
像素 = (公分 ÷ 2.54) × DPI
像素 = (毫米 ÷ 25.4) × DPI
像素 = (點 × DPI) ÷ 72
實際範例
假設您有一張 1920 像素寬的圖片,想知道在 300 DPI 印刷時的實際寬度:
公分 = 6.4 × 2.54 = 16.26 公分
毫米 = 6.4 × 25.4 = 162.56 毫米
這表示這張圖片在 300 DPI 的印刷品質下,實際寬度約為 16.3 公分,適合用於雜誌或宣傳冊的半頁排版。
常見解析度設定
| 解析度(DPI) | 應用場景 | 特點說明 |
|---|---|---|
| 72 DPI | 早期螢幕顯示標準 | 早期 Mac 電腦的螢幕解析度,現已較少使用 |
| 96 DPI | Windows 系統標準 | 目前網頁設計和螢幕顯示的主流標準 |
| 150 DPI | 高品質螢幕顯示 | 適用於高解析度螢幕和簡易印刷品 |
| 300 DPI | 專業印刷標準 | 雜誌、書籍、海報等高品質印刷的標準解析度 |
| 600 DPI | 高階印刷 | 精細印刷品、藝術複製品的解析度要求 |
選擇正確的解析度對於確保最終成品的品質至關重要。網頁圖片使用過高的解析度會增加檔案大小而不提升顯示效果,而印刷品使用過低的解析度則會導致模糊或鋸齒狀邊緣。
常見尺寸轉換對照
網頁設計常用尺寸(96 DPI)
| 像素 (px) | 公分 (cm) | 英寸 (inch) | 應用說明 |
|---|---|---|---|
| 1920 px | 50.8 cm | 20 inch | Full HD 寬度 |
| 1366 px | 36.2 cm | 14.2 inch | 筆電常見寬度 |
| 768 px | 20.3 cm | 8 inch | 平板直向寬度 |
| 375 px | 9.9 cm | 3.9 inch | 手機常見寬度 |
印刷設計常用尺寸(300 DPI)
| 實體尺寸 | 所需像素 | 常見用途 |
|---|---|---|
| A4(21 × 29.7 cm) | 2480 × 3508 px | 文件、傳單、報告 |
| A5(14.8 × 21 cm) | 1748 × 2480 px | 小冊子、邀請函 |
| 名片(9 × 5.4 cm) | 1063 × 638 px | 商務名片 |
| 4×6 吋照片 | 1200 × 1800 px | 相片列印 |
使用場景與應用技巧
網頁設計師
在響應式網頁設計中,您需要為不同裝置螢幕尺寸準備適當的圖片。雖然螢幕顯示不直接涉及實體尺寸,但了解像素與實際尺寸的關係能幫助您更好地掌握視覺比例。例如,一個 300 像素寬的按鈕在 96 DPI 螢幕上實際寬度約 7.9 公分,這能幫助您判斷按鈕是否適合手指點擊。
平面設計師
印刷設計時,您必須確保圖片解析度足夠。假設要設計一張 A4 大小的海報,在 300 DPI 下需要至少 2480 × 3508 像素的圖片。如果您的圖片只有 1024 × 768 像素,即使強制放大到 A4 尺寸,印刷出來的品質也會很差。使用本轉換器可以快速計算所需的像素尺寸。
前端開發者
在撰寫 CSS 時,您可能需要在 px、pt 等單位之間轉換。雖然現代瀏覽器支援多種 CSS 單位,但了解它們之間的關係能幫助您更精確地控制排版。例如,字體大小 16px 在 96 DPI 下約等於 12pt,這在設計列印樣式表時特別有用。
攝影師
當您需要為客戶準備列印檔案時,必須知道相機拍攝的照片能印出多大尺寸。一張 6000 × 4000 像素的照片,在 300 DPI 下可印出 50.8 × 33.9 公分的高品質相片。如果降低到 150 DPI,同樣的照片可以印到 101.6 × 67.7 公分,但細節會有所損失。
常見問題
為什麼像素轉換需要指定 DPI?
像素是相對單位,其實際大小取決於顯示裝置的解析度。在 96 DPI 的螢幕上,96 個像素正好等於 1 英寸(2.54 公分),但在 300 DPI 的印刷品上,300 個像素才等於 1 英寸。因此,沒有 DPI 資訊就無法進行像素與實體單位之間的準確轉換。
網頁圖片應該使用多少 DPI?
網頁圖片通常使用 72 或 96 DPI 即可,因為螢幕顯示不需要高解析度。使用更高的 DPI 只會增加檔案大小和載入時間,而不會改善螢幕上的顯示效果。然而,對於 Retina 顯示器或高解析度螢幕,您可能需要準備 2 倍或 3 倍像素密度的圖片(例如 @2x 圖片)。
印刷品至少需要多少 DPI?
專業印刷通常要求 300 DPI 以確保清晰度。對於大型海報或看板,由於觀看距離較遠,可以降低到 150 DPI 甚至 72 DPI。相反地,精細的藝術印刷或書籍插圖可能需要 600 DPI 或更高。選擇 DPI 時要考慮最終產品的用途和觀看距離。
DPI 和 PPI 有什麼區別?
技術上來說,PPI(Pixels Per Inch)指的是數位圖像或螢幕的像素密度,而 DPI(Dots Per Inch)指的是印刷裝置的墨點密度。然而在實務中,這兩個術語常被互換使用。當討論數位圖像檔案時,使用 PPI 更為精確;當討論印刷輸出時,DPI 更為常見。
如何確定我的圖片是否適合印刷?
將您的圖片像素尺寸除以所需的印刷 DPI,就能得到可印刷的最大尺寸。例如,一張 3000 × 2000 像素的圖片,在 300 DPI 下可以印刷到 25.4 × 16.9 公分(10 × 6.67 英寸)。如果需要印更大的尺寸,要麼降低 DPI(犧牲一些品質),要麼使用更高解析度的圖片。
點(pt)單位主要用在哪裡?
點(point)是印刷和排版的傳統單位,主要用於指定字體大小。在數位設計軟體(如 Adobe Illustrator、InDesign)和文書處理軟體(如 Microsoft Word)中,字型大小通常以點為單位表示。1 點等於 1/72 英寸,因此 72 點的字體在實體上正好是 1 英寸高。
為什麼我的設計在螢幕和印刷上看起來不一樣?
螢幕顯示使用 RGB 色彩模式和較低的解析度(通常 96 DPI),而印刷使用 CMYK 色彩模式和較高的解析度(通常 300 DPI)。此外,螢幕是發光顯示,印刷是反射光線,這會造成顏色和對比度的差異。在設計印刷品時,應該使用 CMYK 模式並參考印刷色票,而不是完全依賴螢幕顯示。