易翻译里的“尺寸换算”本质是把一套设计或图片在不同设备和用途之间按像素密度(DPI/scale)做比例变换。先弄清你要的目标平台(Android、iOS、网页还是打印)、基准单位(px、dp/pt、mm/in),再用简单公式把基准尺寸乘以密度比或按DPI换算导出对应倍图,就能保证图标、截图、摄像头覆盖层等在各设备上既清晰又不跑版。

先弄明白“尺寸”指哪个维度
问“尺寸咋换算”之前,先把几个常见名词和场景区分清楚,这一步很重要:
- 像素(px):图像在屏幕上的最小单位,直接与图像文件的像素宽高相关。
- 设备独立像素 / dp(Android):与设备密度有关的抽象单位,设计时用来避免高低密度设备显示不一致。
- 点(pt,iOS):iOS 的设计单位,和像素通过屏幕 scale 值(1x、2x、3x)关联。
- 物理单位(mm / in / cm):用于打印或物理尺寸计算,和像素通过 DPI(或 PPI)换算。
- 场景:你要换算的是 app 图标、界面小图标、屏幕截图、摄像头取景框还是用于打印的宣传单?不同场景对精度和单位要求不一样。
常用换算关系和公式(一眼看懂)
把核心公式记住,后面实际算起来就顺手了。
- 英制/公制:1 in = 25.4 mm
- 像素与物理尺寸:px = in × DPI = (mm / 25.4) × DPI
- Android dp ↔ px:px = dp × (DPI / 160) ,dp = px × (160 / DPI)
- iOS pt ↔ px:px = pt × scale(scale 常见为 1、2、3)
- 常见屏幕 DPI 与换算基准:Android 把 mdpi 设为基准(160 dpi)。
举个最常见的例子
你有一个 24 dp 的图标要放到 xxhdpi 设备(xxhdpi 多数等于 480 dpi 或密度系数 3)上,像素大小就是 24 × 3 = 72 px。iOS 上如果设计稿是 24 pt,@3x 的像素就是 24 × 3 = 72 px,逻辑上二者很接近,但前提是你确认了各自的密度或 scale。
Android、iOS 与网页:常见密度表和实操要点
下面这张表把 Android 的常用 density bucket 列出来,方便对照计算。
| 密度 | 缩放系数(相对于 mdpi) | 示例:基准 48 dp 对应像素 |
| ldpi | 0.75 | 48 × 0.75 = 36 px |
| mdpi | 1.0 | 48 × 1 = 48 px |
| hdpi | 1.5 | 48 × 1.5 = 72 px |
| xhdpi | 2.0 | 48 × 2 = 96 px |
| xxhdpi | 3.0 | 48 × 3 = 144 px |
| xxxhdpi | 4.0 | 48 × 4 = 192 px |
iOS 的做法偏向用 pt 作为设计单位,再乘以屏幕 scale 导出 @1x / @2x / @3x。典型示例如下:
- App 图标:在 iOS 上常用 60 pt -> @2x 120 px;@3x 180 px(此外 App Store 要 1024×1024px 的上传图)。
- 常见控件:如果设计稿标注 44 pt 的按钮高度,@3x 就是 132 px。
图片和打印:从像素到毫米/厘米的换算
做宣传页或把截图打印出来时,你要从像素算到毫米/厘米,关键是 DPI(点每英寸)。常见印刷建议 300 DPI(高质量)或 150 DPI(普通)。
- 公式回顾:px = (mm / 25.4) × DPI
- 反过来:mm = (px / DPI) × 25.4
打印示例
想把一张 1181 px 宽的图打印成大约 100 mm 宽,DPI=300 的话:
- 计算 mm = (1181 / 300) × 25.4 ≈ 100 mm —— 正好。
- 如果你只有 px,想知道在 150 DPI 下它能印多大:mm = (px / 150) × 25.4。
给“易翻译”常见素材的实用换算(贴近日常操作)
把这些实用规则应用到易翻译的几类常见素材:App 图标、界面按钮、小图标、截图、拍照取词生成的图片、以及导出供打印的海报等。
1)App 图标和 launcher(Android / iOS)
- iOS:准备 @1x、@2x、@3x 還有 App Store 上传 1024×1024。常见:60pt → 120px (@2x)、180px (@3x)。
- Android:使用 mdpi 基准尺寸,再乘以对应密度系数;旧的 launcher 参考:mdpi 48px、hdpi 72px、xhdpi 96px、xxhdpi 144px、xxxhdpi 192px(现代建议使用 adaptive icon,并提供前后两层素材)。
2)界面图标、按钮、摄像头取词覆盖元素
设计稿里常会用 24 dp、32 dp 这种尺寸。转换时直接按密度系数乘就好:
- 例:24 dp 在 xxhdpi(系数 3)上是 72 px;在 xhdpi(系数 2)上是 48 px。
- 如果你在 iOS 用 pt 做稿,转到 @3x 时同样乘以 3。
3)屏幕截图(应用商店或用户引导)
截图通常按目标设备分辨率来做。给应用商店上传截图时,最好直接输出设备的像素分辨率(例如 iPhone 12 的某个分辨率),或使用应用商店的推荐像素尺寸。
实操步骤:怎么快速把一个尺寸换到目标平台
下面是可直接按步骤操作的流程,像做菜一样简单。
- 确认原始单位:你的基准是 dp、pt 还是 px?(设计稿上通常会标注)
- 确认目标平台:Android(哪个 density)、iOS(@2x/@3x)还是打印(DPI)?
- 套用相应公式:Android 用 px = dp × density;iOS 用 px = pt × scale;打印用 px = (mm / 25.4) × DPI。
- 导出时使用无损格式(PNG、WEBP(按需))并留意透明通道、色彩空间(sRGB)等细节。
- 在真机上检查:这是最靠谱的一步,确认图标没模糊、截图没被裁切、摄像头叠加元素位置正确。
常见错误与排查提示(别踩雷)
- 把 CSS px 当作物理像素:网页上的 px 是相对概念,和设备像素并非一一对应;用 devicePixelRatio 辅助判断。
- 认错基准密度:Android 以 mdpi(160)为基准,别以设备的 PPI 直接当系数算 dp。
- 忽略 scale 或 DPR:iOS 的点(pt)需要乘以屏幕 scale(2 或 3)得到真正的像素。
- 导出时压缩过度:为了节省包体把图片压太狠会让图标或按钮在高密度屏上出现噪点,按场景选择合适压缩。
方便的工具与快捷方法(生活化提示)
做设计和导出时,经常用这些思路就够了:
- 用 Figma / Sketch / Photoshop 等工具设置画板为 pt 或 dp,并直接导出多个 scale(@1x/@2x/@3x、mdpi/hdpi/…)。
- 用简单的在线换算器或手机上的计算器保存常用密度系数,避免每次脑算出错。
- 在开发中使用矢量(SVG、VectorDrawable)可以在很多场合省去位图多倍图的麻烦,但注意 Android 老设备兼容和 iOS 支持情况。
举两个常见的实战例子(把理论变成手边技能)
例子 1:从设计稿的 36 dp 得到 Android 各密度像素
已知设计稿给出 36 dp,按上表:
- mdpi:36 × 1 = 36 px
- hdpi:36 × 1.5 = 54 px
- xhdpi:36 × 2 = 72 px
- xxhdpi:36 × 3 = 108 px
- xxxhdpi:36 × 4 = 144 px
例子 2:把 80 mm 的宣传条以 300 DPI 打印需要多少像素?
先把 mm 换成英寸:80 / 25.4 ≈ 3.1496 in,px = 3.1496 × 300 ≈ 945 px。因此导出图像宽度至少 945 px,且用 300 DPI 打印时效果更清晰。
常见尺寸参考表(便于日常直接拷贝使用)
| 用途 | 常见尺寸(像素) | 备注 |
| iOS App 图标(iPhone) | 120 px (@2x), 180 px (@3x) | 设计基准 60 pt |
| App Store 上传 | 1024 × 1024 px | 方形高清图 |
| Android 启动器(legacy) | mdpi 48, hdpi 72, xhdpi 96, xxhdpi 144, xxxhdpi 192 | 建议使用 adaptive icon 规范 |
| 常用界面图标 | 24 dp → mdpi 24 px, xhdpi 48 px, xxhdpi 72 px | 按密度系数换算 |
| 打印高质量图片 | 300 DPI | 海报、宣传单常用 |
写到这儿,想到一个小技巧:如果你经常在设计和开发之间切换,把常用的 dp/pt 和各密度的换算表做成手机备忘或桌面快捷表格,这样每次需要“算尺寸”就不用重新推公式,省时又准确。就像做饭时备好的量杯,总比每次估着往里倒强。