像素尺寸換算:px、mm、cm、inch、pt單位轉換

像素尺寸轉換器

什麼是像素單位轉換

像素單位轉換是將數位裝置上的像素(px)與實體世界的長度單位(如毫米、公分、英寸)進行互相換算的過程。由於像素是相對單位,其實際大小取決於裝置的解析度(DPI 或 PPI),因此在進行網頁設計、印刷排版或跨媒體製作時,準確的單位轉換至關重要。

在數位設計領域,設計師經常需要在螢幕尺寸與印刷尺寸之間切換。例如,一個在 96 DPI 螢幕上顯示為 960 像素寬的圖片,若要以 300 DPI 印刷,其實際寬度約為 25.4 公分。這個轉換器能幫助您在不同場景下快速完成換算,確保設計成品符合預期尺寸。

關鍵概念:DPI(Dots Per Inch)和 PPI(Pixels Per Inch)都表示每英寸的密度。在數位設計中,這兩個術語常被互換使用,但 PPI 更精確地描述螢幕或數位圖像的像素密度,而 DPI 則用於描述印刷品的墨點密度。

各單位詳細說明

像素 (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
公分 = (像素 ÷ DPI) × 2.54
毫米 = (像素 ÷ DPI) × 25.4
點 = (像素 × 72) ÷ DPI

從實體單位轉換到像素

像素 = 英寸 × DPI
像素 = (公分 ÷ 2.54) × DPI
像素 = (毫米 ÷ 25.4) × DPI
像素 = (點 × DPI) ÷ 72

實際範例

假設您有一張 1920 像素寬的圖片,想知道在 300 DPI 印刷時的實際寬度:

英寸 = 1920 ÷ 300 = 6.4 英寸
公分 = 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 模式並參考印刷色票,而不是完全依賴螢幕顯示。

返回頂端