螢幕與設計轉換: 1 毫米 ≈ 3.7795 像素 (96 dpi) | 適用於網頁/圖形設計與界面開發的基本知識

毫米轉像素(x)轉換器

精確將毫米(mm)與像素(px)相互轉換,並可自訂 dpi(每英寸點數)設定。非常適用於網頁設計、圖形設計、印刷媒體及界面布局規劃。

1 毫米 ≈ 3.7795 像素 (96 dpi) | 預設: 2 小數點 | 可編輯的 dpi
DPI

轉換公式

像素 = 毫米 × (dpi / 25.4) | 毫米 = 像素 × (25.4 / dpi)

毫米
像素

精確度: 小數點後2位 | 公式: px = mm × (96 / 25.4)

常見設計測量(96 dpi)

毫米與像素(x)

理解這些在螢幕設計、印刷媒體與數位布局規劃中必備的基本單位。

轉換公式

毫米轉像素(x)轉換

基於每英寸點數(dpi):
1 英寸 = 25.4 毫米
像素(px)= 毫米(mm)×(dpi / 25.4)
毫米(mm)= 像素(px)×(25.4 / dpi)
在96 dpi:1 毫米約等於 3.7795 像素

範例計算1(毫米轉像素,96 dpi):

將10毫米轉換為像素:

px = mm × (dpi / 25.4)

px = 10 × (96 / 25.4)

px = 10 × 3.7795275591

px ≈ 37.80(取兩位小數)

範例計算2(像素轉毫米,300 dpi):

將 100 像素轉換為毫米:

mm = px × (25.4 / dpi)

mm = 100 × (25.4 / 300)

mm = 100 × 0.0846666667

mm ≈ 8.47(取兩位小數)

注意:dpi 直接影響轉換結果——dpi 越高,每毫米的像素越多

何時使用此轉換:

  • 網頁設計(實體毫米轉換為像素的佈局寬高)
  • 平面設計(印刷與螢幕尺寸轉換)
  • UI/UX 設計(響應式設計中的元素尺寸調整)
  • 行動應用設計(螢幕解析度轉實體尺寸)
  • 印刷媒體(數位像素大小轉實體毫米大小)
  • 圖標與按鈕設計(在不同裝置間保持一致的尺寸)

關於單位

毫米 (mm)

一個公制長度單位,等於一千分之一米(0.03937英吋)。這是全球通用的實體物體和印刷媒體的標準物理測量單位。

等價換算:

  • 1 毫米 = 0.1 公分 (cm)
  • 1 毫米 = 0.001 米(m)
  • 1 毫米 = 0.03937 英吋(in)
  • 10 毫米 = 1 公分
  • 25.4 毫米 = 1 英吋(US/英制)
  • 1000 毫米 = 1 米

備註: 公制系統的標準物理長度測量單位

像素(x)(px)

數位顯示解析度單位,表示數位圖像或螢幕中最小的可辨識元素。像素(x)指橫向(寬)像素尺寸(像素 y 表示縱向)。

依照dpi的換算等價:

  • 1 像素 = 約 0.2646 毫米(96 dpi,螢幕標準)
  • 1 像素 = 約 0.3528 毫米(72 dpi,列印標準)
  • 1 像素 = 約 0.0847 毫米(300 dpi,高解析列印)
  • 96 像素 = 約 25.4 毫米(1 英吋,96 dpi)
  • 72 像素 = 約 25.4 毫米(1 英吋,72 dpi)
  • 300 像素 = 約 25.4 毫米(1 英吋,300 dpi)

備註: 像素是數位(非實體)- 大小取決於螢幕dpi/解析度

常見dpi設定與轉換結果:

dpi設定 1 毫米 = 像素 (px) 1 像素 = 毫米 (mm) 常見用途
72 dpi 約 2.8346 像素 約 0.3528 毫米 基本列印、網頁圖形(遺留)
96 dpi 約 3.7795 像素 約 0.2646 毫米 電腦螢幕、網頁設計、UI/UX
150 dpi 約 5.9055 像素 約 0.1694 毫米 高解析度螢幕、數位手冊
300 dpi 約 11.8110 像素 約 0.0847 毫米 專業列印、照片、傳單
600 dpi 約 23.6220 像素 ~0.0423 毫米 超高解析度印刷,藝術品

常見問題

關於毫米、像素和DPI轉換的常見問題,適用於設計與開發。

DPI(每英寸點數)表示螢幕或印刷媒體中一個實體英寸內的像素(或點)密度。由於1英寸=25.4毫米,DPI直接決定每毫米可以容納多少像素:

每毫米像素數 = DPI / 25.4

範例:96 DPI(螢幕)→ 96 / 25.4 ≈ 3.78 像素/毫米

範例:300 DPI(印刷)→ 300 / 25.4 ≈ 11.81 像素/毫米

較高的DPI表示在同一實體毫米內可以放置更多像素,導致相同毫米長度的像素數量更高。這對確保數位設計與實體印刷尺寸一致至關重要。

像素x與像素y分別指數位元素的水平與垂直尺寸:

  • 像素x(px): 水平像素數(元素、螢幕或圖像的寬度)
  • 像素y(py): 垂直像素數(元素、螢幕或圖像的高度)
  • 轉換一致性: 毫米到像素的轉換公式對x和y是相同的(只修改尺寸,數學公式不變)
  • 使用案例: 設計一個網站橫幅(寬度100毫米 × 高度50毫米),像素x = 100 ×(DPI/25.4)(寬度),像素y = 50 ×(DPI/25.4)(高度)

此轉換器專注於像素x(水平),但結果可在相同DPI設置下用於像素y(垂直)互換使用。

最佳的DPI設置取決於您的專案媒介(螢幕與印刷):

網頁設計(螢幕)
  • 預設:96 DPI(大多數電腦螢幕的標準)
  • 手機螢幕:通常150-300 DPI(Retina/高DPI顯示器)
  • 重點:以像素尺寸(而非實體毫米)來做自適應佈局
  • 結果:在桌面/筆記型電腦/手機裝置上呈現清晰的顯示效果
印刷設計
  • 基本印刷:72 DPI(簡單傳單、數位文件)
  • 專業印刷:300 DPI(照片、宣傳冊、名片)
  • 超高解析度:600 DPI(精美藝術、詳細圖形)
  • 重點:以實體毫米/英寸尺寸(確保印刷尺寸正確)

此轉換器可以讓你在常用的 DPI 值之間切換,以符合你的專案需求。

可以!這個轉換器對於響應式網站設計非常有用,尤其是在將實體設計模型(以毫米為單位)轉換成數位像素尺寸時:

  • 將實體模型的寬度(例如:手機320mm、桌面1920mm)轉換為96 DPI下的像素尺寸
  • 確保不同螢幕DPI(Retina與標準螢幕)間元素大小的一致性
  • 將按鈕/圖示尺寸從毫米(實體草稿)轉換為像素(數位設計)
  • 透過將實體設備尺寸轉換為像素來計算媒體查詢的斷點

例如,一個50mm寬的按鈕在實體模型上,在96 DPI下約為189像素(50 × 3.7795),您可以直接在CSS中應用此數值。

不,像素的實體大小在不同裝置之間有很大差異,即使像素數相同。這是由於DPI(螢幕密度)的差異所造成的:

  • 一個在96 DPI顯示器上的100像素寬元素約為26.46毫米
  • 在300 DPI智能手機上的同一個100像素寬元素約為8.47毫米(更小)
  • 蘋果的Retina顯示器每英寸像素數(PPI)比標準顯示器高出2倍或3倍,使像素在物理尺寸上更小
  • 4K/8K顯示器的點距(DPI)高於1080p顯示器,導致物理像素尺寸更小

這就是為什麼毫米轉像素的轉換如此關鍵——它橋接了數字像素尺寸與實體屏幕/列印尺寸之間的差距,確保您的設計在所有設備上都能如預期般呈現。

轉換表:毫米轉像素(96 DPI)

網頁、UI和基本屏幕佈局設計的常用衡量單位。

毫米 (mm) 像素(x)(96 DPI) 像素(x)(300 DPI) 英寸(in) 常見用途
1 毫米 3.78 像素 11.81 像素 0.04 英寸 圖標細節,小邊框
5 毫米 18.90 像素 59.06 像素 0.20 英寸 小按鈕、圖標大小
10 毫米 37.80 像素 118.11 像素 0.39 英寸 按鈕寬度、文字區塊
20 毫米 75.59 像素 236.22 像素 0.79 英寸 輸入欄位、卡片元件
50 毫米 188.98 像素 590.55 像素 1.97 英寸 卡片寬度、側邊欄元素
100 毫米 377.95 像素 1181.10 像素 3.94 英寸 手機螢幕寬度、面板
200 毫米 755.91 像素 2362.20 像素 7.87 英寸 平板螢幕寬度、區域
300 毫米 1133.86 像素 3543.31 像素 11.81 英吋 桌面螢幕寬度,布局

更多 排版轉換器 工具

排版轉換器

像素轉英吋

像素轉英寸,英寸轉像素,dpi轉換器,圖像大小轉換,像素轉英寸,轉換像素為英寸,像素轉英寸

準確地將像素轉換為英吋,以及將英吋轉換為像素,默認具有可調整的 dpi 和四位小數精度。

試用轉換器

英寸轉換為像素

英寸轉像素,像素轉英寸,英寸轉像素,像素轉英寸,顯示器轉換器,像素每英寸計算器,英寸轉像素,像素中的英寸,英寸像素,英寸轉像素

在屏幕測量、設計和印刷中準確轉換英寸(in)與像素(px)。支持可調節的每英寸像素(ppi)設置。

試用轉換器

厘米轉像素

cm to px, centimeter to pixel, pixel converter, ppi calculator, digital design measurements, cm to pixel, cm px, centimeter in pixel, cm in px

使用可自訂的每英寸像素數(ppi)來精確轉換厘米(cm)與像素(px)之間的單位,用於數位設計測量。

試用轉換器

毫米轉換為像素(x)

毫米轉像素,毫米轉像素轉換器,mm轉px,像素轉毫米,網頁設計轉換,平面設計尺寸,dpi計算器,螢幕解析度轉換

精確的毫米(mm)轉像素(x)換算工具。根據可自訂的DPI設定計算螢幕像素。非常適合網頁設計、平面設計和UI/UX開發。

試用轉換器

像素 (x) 轉換成毫米

像素轉毫米,px轉毫米,像素轉毫米轉換器,px轉毫米,將像素轉換為毫米,線上像素毫米轉換

使用我們的免費線上轉換器,精確地將像素(px)轉換為毫米(mm)。為網頁設計、印刷和平面設計計算像素轉毫米,提供可定制的精確度和快速快捷鍵。

試用轉換器

工具

轉換器

計算機

需要自訂的工具或計算機嗎?

找不到你需要的工具?請透過電子郵件告訴我們,我們會考慮加入它。

869241891@qq.com