英寸转像素转换器专为UI设计师和电商设计师打造的英寸像素转换工具。支持淘宝京东主图、移动端适配、Retina屏倍图、印刷稿转网页,一键精确计算。
🛒 电商主图设计•📱 移动端UI适配•🖼️ Retina屏倍图•🎨 印刷稿转网页屏幕 DPI英寸in像素值 (px)px1in × 96DPI = 96px
96px96每英寸点数，标准屏幕 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 Max3x6.7英寸 → 1290×2796px
设计稿: 430×932pt @3x倍图
iPhone 143x6.1英寸 → 1170×2532px
设计稿: 390×844pt @3x倍图
iPhone SE2x4.7英寸 → 750×1334px
设计稿: 375×667pt @2x倍图
Android主流设备华为 Mate 50 Pro3x6.74英寸 → 1212×2616px
DPI: 428, 设计用@3x倍图
小米 133x6.36英寸 → 1080×2400px
DPI: 419, 常用分辨率
OPPO Find X63x6.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英寸72px5英寸360px10英寸720px适用场景: 网页Banner、电商主图、社交媒体图片🖥️96 DPI - Windows标准Windows系统默认,PC端UI设计常用
1英寸96px5英寸480px10英寸960px适用场景: PC软件界面、管理后台、桌面应用🖨️300 DPI - 印刷标准高质量印刷,杂志海报必备分辨率
1英寸300px5英寸1500px10英寸3000px适用场景: 宣传册、海报、包装设计、名片Retina屏倍图方案1×标清屏幕普通屏幕,1个点 = 1个像素
100×100pt= 100×100px2×Retina屏幕iPhone 8/X等,1个点 = 4个像素
100×100pt= 200×200px @2x3×超清屏幕iPhone 14 Pro等,1个点 = 9个像素
100×100pt= 300×300px @3x🎨 主流设计工具英寸设置指南Figma、蓝湖、即时设计、Photoshop英寸像素转换实战技巧
Figma切图导出设置Figma默认用点(pt)单位,导出需手动设置倍图
导出设置步骤:
1. 选中图层 → Export settings2. 添加 @1x, @2x, @3x 三个尺寸3. 格式选PNG/JPG,根据需求选择4. 点击Export导出全部倍图💡 Figma中1pt在72 DPI下等于1px,在144 DPI(2x)下等于2px蓝湖标注转换技巧蓝湖默认显示px,支持切换到dp/pt/rem等单位
单位切换方法:
1. 打开设计稿 → 右上角单位切换2. 选择dp(Android) 或 pt(iOS)3. 标注自动换算对应单位4. 开发可直接复制使用💡 750px设计稿在蓝湖上,1px = 1rpx(小程序) = 2pt(iPhone @2x)即时设计协作工作流国产协作神器,无缝对接前端开发
开发交付流程:
1. 设计师上传750px或375px设计稿2. 自动生成px/rpx/rem标注3. 开发点击元素一键复制代码4. 支持导出CSS/小程序/React代码💡 即时设计支持英寸显示,适合印刷转网页的设计师PhotoshopDPI转换设置印刷稿转网页必备技巧
分辨率转换步骤:
1. 图像 → 图像大小2. 取消"重定图像像素"勾选3. 修改分辨率300→72 DPI4. 像素尺寸自动缩小,导出即可💡 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英寸72px96px300px2英寸144px192px600px3英寸216px288px900px4英寸288px384px1200px5英寸360px480px1500px6英寸432px576px1800px8英寸576px768px2400px10英寸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设计师和电商设计师提供服务 | 完全免费 | 无需注册