CSSUnitTools.org

英寸转像素转换器

专为UI设计师和电商设计师打造的英寸像素转换工具。支持淘宝京东主图、移动端适配、Retina屏倍图、印刷稿转网页,一键精确计算。

🛒 电商主图设计•📱 移动端UI适配•🖼️ Retina屏倍图•🎨 印刷稿转网页
in
px

1in × 96DPI = 96px

每英寸点数，标准屏幕 DPI 通常为 96

三步快速完成英寸转像素

无论是电商主图还是移动端UI,三个步骤搞定尺寸转换,简单高效

1

选择DPI分辨率

网页设计用72或96 DPI,印刷设计用300 DPI。电商平台主图通常使用72 DPI,移动端Retina屏需考虑2x/3x倍图。

2

输入英寸尺寸

从Photoshop、Figma或印刷规格中获取英寸值。支持小数输入,自动精确计算对应像素值。

3

获取像素结果

一键复制像素值,直接用于网页设计、切图导出或电商平台上传。确保尺寸100%准确。

🛒 淘宝/京东/拼多多主图尺寸速查

中国主流电商平台主图规范,英寸换算像素,一目了然

🟠

淘宝天猫

主图尺寸

800×800px (最小)

1200×1200px (推荐)

约4.17英寸×4.17英寸 @72DPI

白底图要求

800×800px 纯白背景

RGB(255,255,255)

🔴

京东

主图尺寸

800×800px (标准)

1000×1000px (优质)

约2.78英寸×2.78英寸 @96DPI

长图尺寸

800×长度 (最大8000px)

详情页展示用

🎀

拼多多

主图尺寸

750×750px (最小)

1200×1200px (推荐)

约10.42英寸×10.42英寸 @72DPI

轮播图

750×352px

首页活动banner

💡电商设计师专业建议

  • •主图设计用1200×1200px起步,满足高清需求
  • •DPI设置72即可,电商平台按像素尺寸计算
  • •文件格式JPG/PNG,单张不超过3MB
  • •白底图需纯白RGB(255,255,255),不能有阴影

📱 移动端UI设计英寸换算方案

iPhone/Android/华为小米等主流设备,英寸转像素精确适配

iOS设备尺寸对照表

iPhone 14 Pro Max3x

6.7英寸 → 1290×2796px

设计稿: 430×932pt @3x倍图

iPhone 143x

6.1英寸 → 1170×2532px

设计稿: 390×844pt @3x倍图

iPhone SE2x

4.7英寸 → 750×1334px

设计稿: 375×667pt @2x倍图

Android主流设备

华为 Mate 50 Pro3x

6.74英寸 → 1212×2616px

DPI: 428, 设计用@3x倍图

小米 133x

6.36英寸 → 1080×2400px

DPI: 419, 常用分辨率

OPPO Find X63x

6.7英寸 → 1440×3216px

2K屏幕,超高清显示

🎯移动端设计关键要点

① Retina屏适配

iPhone用@2x或@3x倍图,Android高端机用@3x,确保清晰显示

② 设计稿标准

通用750px宽度设计稿,对应375pt物理尺寸,@2x倍图

③ 切图导出

提供@1x、@2x、@3x三套图,开发根据设备DPI自动选择

🖼️ DPI分辨率完全指南

72 DPI、96 DPI、300 DPI到底有什么区别?1x/2x/3x倍图如何选择?

💻

72 DPI - 网页标准

Mac屏幕默认分辨率,网页设计最常用

1英寸72px
5英寸360px
10英寸720px
适用场景: 网页Banner、电商主图、社交媒体图片
🖥️

96 DPI - Windows标准

Windows系统默认,PC端UI设计常用

1英寸96px
5英寸480px
10英寸960px
适用场景: PC软件界面、管理后台、桌面应用
🖨️

300 DPI - 印刷标准

高质量印刷,杂志海报必备分辨率

1英寸300px
5英寸1500px
10英寸3000px
适用场景: 宣传册、海报、包装设计、名片

Retina屏倍图方案

1×标清屏幕

普通屏幕,1个点 = 1个像素

100×100pt
= 100×100px
2×Retina屏幕

iPhone 8/X等,1个点 = 4个像素

100×100pt
= 200×200px @2x
3×超清屏幕

iPhone 14 Pro等,1个点 = 9个像素

100×100pt
= 300×300px @3x

🎨 主流设计工具英寸设置指南

Figma、蓝湖、即时设计、Photoshop英寸像素转换实战技巧

Figma切图导出设置

Figma默认用点(pt)单位,导出需手动设置倍图

导出设置步骤:

  1. 1. 选中图层 → Export settings
  2. 2. 添加 @1x, @2x, @3x 三个尺寸
  3. 3. 格式选PNG/JPG,根据需求选择
  4. 4. 点击Export导出全部倍图
💡 Figma中1pt在72 DPI下等于1px,在144 DPI(2x)下等于2px

蓝湖标注转换技巧

蓝湖默认显示px,支持切换到dp/pt/rem等单位

单位切换方法:

  1. 1. 打开设计稿 → 右上角单位切换
  2. 2. 选择dp(Android) 或 pt(iOS)
  3. 3. 标注自动换算对应单位
  4. 4. 开发可直接复制使用
💡 750px设计稿在蓝湖上,1px = 1rpx(小程序) = 2pt(iPhone @2x)

即时设计协作工作流

国产协作神器,无缝对接前端开发

开发交付流程:

  1. 1. 设计师上传750px或375px设计稿
  2. 2. 自动生成px/rpx/rem标注
  3. 3. 开发点击元素一键复制代码
  4. 4. 支持导出CSS/小程序/React代码
💡 即时设计支持英寸显示,适合印刷转网页的设计师

PhotoshopDPI转换设置

印刷稿转网页必备技巧

分辨率转换步骤:

  1. 1. 图像 → 图像大小
  2. 2. 取消"重定图像像素"勾选
  3. 3. 修改分辨率300→72 DPI
  4. 4. 像素尺寸自动缩小,导出即可
💡 300 DPI印刷稿转72 DPI网页时,像素会缩小约4倍

📊 真实案例:英寸转像素实战

3个典型场景,手把手教你完成英寸到像素的精确转换

案例1: 淘宝主图设计

从印刷尺寸转换为电商平台主图

电商设计

原始需求

印刷海报改为淘宝主图

印刷尺寸: 4英寸×4英寸 @300DPI

计算过程

4英寸 × 300 DPI = 1200px

转换为72 DPI网页用图

最终输出

1200×1200px @72DPI

完美符合淘宝高清主图要求

案例2: APP启动页设计

iPhone 14 Pro启动页尺寸计算

移动端UI

设备参数

iPhone 14 Pro

6.1英寸屏幕, 460 PPI, @3x倍图

设计稿尺寸

393×852pt

逻辑像素尺寸(Figma设计用)

切图输出

1179×2556px @3x

物理像素,确保高清显示

案例3: 微信公众号封面图

印刷DM单转新媒体封面

新媒体

原始素材

DM宣传单

8.27×11.69英寸(A4) @300DPI

微信规范

900×500px

公众号首图推荐尺寸

处理方案

裁剪为900×500px

保持关键元素,调整为72 DPI

📋 英寸像素速查表

常用英寸尺寸对应的像素值,三种DPI快速查询

英寸尺寸72 DPI
(网页标准)		96 DPI
(Windows)		300 DPI
(印刷标准)
1英寸72px96px300px
2英寸144px192px600px
3英寸216px288px900px
4英寸288px384px1200px
5英寸360px480px1500px
6英寸432px576px1800px
8英寸576px768px2400px
10英寸720px960px3000px

💻 72 DPI应用

网页设计、电商主图、社交媒体、APP界面

🖥️ 96 DPI应用

PC软件界面、Windows应用、管理后台

🖨️ 300 DPI应用

印刷品、宣传册、海报、包装设计、名片

常见问题解答

中国设计师最关心的6个英寸转像素问题

电商平台主图用多少DPI?英寸怎么换算?

淘宝、京东、拼多多等电商平台主图统一使用72 DPI。例如淘宝要求的1200×1200px主图,换算为英寸约为16.67×16.67英寸(@72DPI)。实际操作中,直接按像素尺寸设计即可,DPI设置72或96对网页显示无影响。

💡 关键提示:

电商平台只看像素尺寸,不看DPI。1200×1200px在72DPI和300DPI下网页显示完全一样

印刷稿300 DPI如何转换为网页用72 DPI?

在Photoshop中: 图像→图像大小→取消勾选"重定图像像素"→修改分辨率从300改为72→点击确定。此时像素尺寸会自动缩小约4倍(300÷72≈4.17),这个缩小后的尺寸就是网页用图的正确尺寸。

例如: 4英寸×4英寸 @300DPI (1200×1200px) → 4英寸×4英寸 @72DPI (288×288px)

iPhone设计稿的pt、px、英寸是什么关系?

pt(点)是iOS的逻辑单位,px(像素)是物理单位。1pt = 屏幕密度倍数 × px。iPhone 14是@3x屏幕,所以1pt=3px。英寸是物理屏幕尺寸,与DPI相关。例如iPhone 14 Pro的6.1英寸屏幕,460 PPI,设计用393×852pt,实际物理像素1179×2556px。

实用转换:

Figma设计用pt,导出切图时选@2x或@3x得到实际px尺寸

为什么同样4英寸,72 DPI只有288px,300 DPI却有1200px?

因为DPI(Dots Per Inch)定义的是"每英寸有多少个像素点"。72 DPI表示每英寸72个像素,所以4英寸×72=288px。300 DPI表示每英寸300个像素,所以4英寸×300=1200px。DPI越高,同样英寸下的像素数越多,图片越清晰,但文件也越大。

蓝湖和Figma标注的尺寸能直接用吗?需要换算英寸吗?

前端开发不需要换算英寸,直接用px或pt值即可。蓝湖标注的px值可直接写入CSS,Figma的pt值对应CSS的px。英寸换算主要用于:①印刷品转网页设计 ②了解设备物理屏幕尺寸 ③电商平台有英寸要求时。日常开发中,设计师交付px/pt标注,开发直接使用。

微信公众号封面、朋友圈图片用多少英寸多少DPI?

微信官方推荐尺寸为像素值,不用考虑英寸。公众号首图900×500px,朋友圈封面1080×1260px,公众号次图200×200px。DPI设置72或96均可。如果要换算英寸:900×500px @72DPI ≈ 12.5×6.94英寸。

📱 社交媒体规范:

小红书封面1242×1660px, 抖音封面1125×1463px, 微博头图980×300px

相关工具

IN 转 %

将英寸转换为百分比

基于容器

IN 转 EM

将英寸转换为EM单位

基于字体大小

IN 转 REM

将英寸转换为REM单位

基于根字体大小

IN 转 PC

将英寸转换为派卡

1in = 6pc

开始使用英寸转像素转换器

支持电商设计、移动端UI、印刷转网页,精确计算72/96/300 DPI,一站式解决尺寸转换需求

立即转换

已为 30,000+ UI设计师和电商设计师提供服务 | 完全免费 | 无需注册