2026年3月24日 未分类

易翻译尺寸咋换算?

易翻译里的“尺寸换算”本质是把一套设计或图片在不同设备和用途之间按像素密度(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 的某个分辨率),或使用应用商店的推荐像素尺寸。

实操步骤:怎么快速把一个尺寸换到目标平台

下面是可直接按步骤操作的流程,像做菜一样简单。

  1. 确认原始单位:你的基准是 dp、pt 还是 px?(设计稿上通常会标注)
  2. 确认目标平台:Android(哪个 density)、iOS(@2x/@3x)还是打印(DPI)?
  3. 套用相应公式:Android 用 px = dp × density;iOS 用 px = pt × scale;打印用 px = (mm / 25.4) × DPI。
  4. 导出时使用无损格式(PNG、WEBP(按需))并留意透明通道、色彩空间(sRGB)等细节。
  5. 在真机上检查:这是最靠谱的一步,确认图标没模糊、截图没被裁切、摄像头叠加元素位置正确。

常见错误与排查提示(别踩雷)

  • 把 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 和各密度的换算表做成手机备忘或桌面快捷表格,这样每次需要“算尺寸”就不用重新推公式,省时又准确。就像做饭时备好的量杯,总比每次估着往里倒强。

分享这篇文章:

相关文章推荐

了解更多易翻译相关资讯

专业翻译通讯技术沉淀,专注即时通讯翻译领域