双屏办公对齐
外接显示器时，笔记本 1920×1080 与台式 2560×1440 的缩放比例不匹配，鼠标跨屏总卡在边框。打开工具查到两台设备的物理 PPI 分别为 141 和 109，按 125% 缩放设置后光标移动终于连贯，不用再凭感觉反复调整。
你的屏幕This device
分 类by Category
设 备 库Gallery · 屏幕框按真实宽高比 · 点卡看详情
点选左侧任一设备
查看 逻辑×物理 / DPR / PPI / 物理尺寸 · @media 断点建议 · 1x/2x/3x 资源像素
查看 逻辑×物理 / DPR / PPI / 物理尺寸 · @media 断点建议 · 1x/2x/3x 资源像素
就绪 · 手机/平板/笔记本/显示器/手表/设计稿基准 · 逻辑pt × 物理px · DPR / PPI / 视口 / @media 建议
第一节
关于本工具
About做设计稿时，从 iPhone 14 的 390×844 切到 iPad Pro 的 1366×1024，经常要翻查各设备分辨率。这个参考表把手机、平板、PC 和常用设计稿尺寸收拢在一起，按设备品牌、型号分类列出物理像素与逻辑像素。数据来自官方文档与主流设计规范，纯前端展示，不上传任何信息，打开页面就能查。
使用场景
印刷海报切图
客户给的 300dpi 设计稿是 4961×7016 像素，印刷厂要求裁成 210×297mm 的 A3 出血版。用工具反算裁切后剩余像素为 4724×6693，避免导出时因分辨率不足导致边缘模糊重印。
安卓图标适配
上架应用商店需要 48×48、72×72、96×96、144×144 四套图标，设计师只给了 1024×1024 的源文件。工具列出各尺寸对应的 dp 密度（mdpi/hdpi/xhdpi/xxhdpi），按清单批量导出后直接放入 mipmap 文件夹，省去手动换算的错漏。
直播推流分辨率
B 站限制 1080P 高码率直播需 6Mbps 上行，但现场网络只有 4Mbps。用工具查到 720P（1280×720）在 3Mbps 下画质损失最小，且观众端不会出现缓冲卡顿，比直接降低码率保留 1080P 更稳定。
老照片扫描打印
扫描仪默认输出 300dpi 的 5×7 英寸照片，但相框只有 4×6 英寸。工具算出裁切后像素为 1200×1800，打印店按这个尺寸冲印，避免了整张缩放导致人物头部被切掉。
第二节
使用指南
Getting Started使用步骤
- 1在「设备类型」下拉菜单中选「手机」「平板」「PC」或「设计稿」，列表自动过滤对应设备
- 2点击任一设备行（如 iPhone 14 Pro），右侧预览区显示该设备的分辨率、像素密度与屏幕比例
- 3在「搜索框」输入品牌或型号关键词（如「iPad」），列表实时高亮匹配项，无需手动翻页
- 4点击「导出」按钮，将当前筛选列表与选中设备详情另存为 CSV 文件，本地留存参考
输入输出示例
| 输入 | 输出 | 说明 |
|---|---|---|
| iPhone 16 Pro Max | 1320 × 2868 px (6.9英寸, 460 PPI) | 常规：最新旗舰机型，验证工具是否及时收录最新设备数据 |
| 1920 × 1080 | 全高清 (FHD), 16:9, 常见于24-27英寸显示器 | 常规：最主流桌面分辨率，验证工具能否识别常见宽高比和适用场景 |
| iPad Pro 12.9 (2022) | 2048 × 2732 px (12.9英寸, 264 PPI) | 常规：大屏平板典型分辨率，验证工具对平板类设备的覆盖 |
| 0 × 0 | 无效分辨率，宽和高必须为正整数 | 边界：零值输入，验证工具对非法输入的容错处理（应返回错误提示而非崩溃） |
| 8192 × 4320 | 8K UHD (4320p), 约1.9:1, 常见于专业影视后期 | 边界：超高分超大屏，验证工具对极端分辨率的识别能力（是否溢出或截断） |
| 1 × 1 | 1:1, 单像素，常见于测试图像/占位符 | 边界：最小有效分辨率，验证工具能否正确处理极低值（不应报错） |
| 750 × 1334 | iPhone 6/6s/7/8 标准模式 (375×667 @2x) | 易错：该分辨率同时对应多代机型，验证工具是否给出正确设备匹配（而非仅显示尺寸） |
| 1440 × 2560 | 2K QHD, 16:9, 常见于高端手机（如三星S系列）和27英寸显示器 | 易错：横竖颠倒（1440宽 vs 2560宽），验证工具是否自动识别横竖屏并给出正确设备归类 |
常见错误对照
1.混淆逻辑分辨率与物理分辨率
✗ 错误
查询 iPhone 14 Pro 时直接搜 2556×1179✓ 修复
查询 iPhone 14 Pro 时搜 393×852（逻辑分辨率）工具收录的是设计稿常用的逻辑分辨率（pt/dp），而非屏幕物理像素。物理分辨率 2556×1179 是渲染后的实际像素，设计时需除以 3x 缩放因子。
2.把屏幕尺寸（英寸）当成分辨率
✗ 错误
搜索「6.1 英寸」想找 iPhone 14 分辨率✓ 修复
搜索「iPhone 14 分辨率」或直接查型号名屏幕尺寸（英寸）是物理对角线长度，与分辨率无直接换算关系。不同 PPI 的 6.1 英寸屏可以有完全不同的分辨率。
3.混淆宽高顺序（横竖屏）
✗ 错误
设计稿标注 1920×1080 却按竖屏布局✓ 修复
竖屏设计稿应标注 1080×1920（宽×高）分辨率书写惯例是宽×高，但竖屏设备物理方向是宽 < 高。若直接套用横屏分辨率数值，会导致设计稿方向错误。
4.误以为所有平板分辨率相同
✗ 错误
查 iPad 分辨率只搜「iPad 分辨率」✓ 修复
明确型号：iPad Pro 12.9（第6代）分辨率 2048×2732iPad 系列有 mini/Pro/Air/数字款，每款分辨率不同。仅搜「iPad」会得到通用值，无法用于精确切图或适配。
5.忽略刘海/挖孔区域的可用分辨率
✗ 错误
设计 Android 状态栏时按屏幕全分辨率 1080×2400 布局✓ 修复
需减去安全区域：1080×2400 实际可用约 1080×2260（扣除状态栏+导航栏）工具列出的多是屏幕物理分辨率，但异形屏（刘海、挖孔、药丸）顶部和底部有系统 UI 占用，设计稿应使用 safe area 内的逻辑分辨率。
6.把设计稿尺寸与渲染尺寸混用
✗ 错误
iOS 设计稿直接写 1170×2532（物理像素）✓ 修复
iOS 设计稿写 390×844（逻辑点），导出时按 @3x 缩放工具中 iPhone 14 Pro 的 390×844 是 pt 单位，设计时用此值；切图时再按 3x 输出 1170×2532 像素图。直接按物理像素设计会导致 Retina 屏下图标过小。
7.误以为 PC 显示器分辨率固定不变
✗ 错误
查 27 寸显示器分辨率直接搜「27寸 分辨率」✓ 修复
明确分辨率规格：2560×1440（2K）或 3840×2160（4K）同尺寸显示器有多种分辨率可选（如 27 寸有 1080p/2K/4K/5K），工具列出的是常见规格，实际需根据显示器型号确认。
8.将手机分辨率直接用于 Web 响应式设计
✗ 错误
CSS 媒体查询写 @media (max-width: 1080px) 适配手机✓ 修复
CSS 媒体查询写 @media (max-width: 414px) 适配手机Web 设计使用 CSS 像素（逻辑像素），手机物理分辨率 1080px 对应 CSS 像素约 360-414px（取决于 DPR）。直接用物理分辨率会导致断点失效。
第三节
工作原理
How It Works核心公式
PPI = √(W² + H²) ÷ D
变量说明
W屏幕水平方向像素数H屏幕垂直方向像素数D屏幕对角线物理尺寸(英寸)
示例
iPhone 14 Pro Max 屏幕：W=2796 px，H=1290 px，D=6.7 in。PPI = √(2796² + 1290²) ÷ 6.7 = √(7817616 + 1664100) ÷ 6.7 = √9481716 ÷ 6.7 ≈ 3079.3 ÷ 6.7 ≈ 459.6，即约 460 PPI。
用户输入
本地处理
输出结果
第五节
常见问题
Q & A问这个工具里的分辨率数据准不准，是哪里来的？＋
答
数据来源于各厂商官方公开的屏幕参数（如 Apple、Samsung、Xiaomi 官网的规格页）以及 W3C 的 CSS 设备像素比规范。每个设备条目都标注了逻辑分辨率（CSS 像素）和物理分辨率（实际像素），两者关系由设备像素比（DPR）决定。由于厂商偶尔会在后续版本中调整屏幕参数（例如 iPhone 16 的 DPR 为 3，物理分辨率为 2556×1179），数据会随新机型发布定期更新，但极少数旧型号可能存在 ±1px 的舍入误差。
问我查手机分辨率，为什么看到两种不同的数字？＋
答
工具同时显示「逻辑分辨率」和「物理分辨率」。物理分辨率是屏幕实际的像素点阵（如 1170×2532），逻辑分辨率是操作系统用来布局 UI 的虚拟尺寸（如 390×844）。两者的关系是：逻辑分辨率 = 物理分辨率 ÷ 设备像素比（DPR）。例如 iPhone 14 Pro 的 DPR 为 3，物理 2556×1179 对应逻辑 852×393。如果你是在做响应式设计或切图，关注逻辑分辨率；如果是买壁纸或视频素材，关注物理分辨率。
问为什么我手机的分辨率在这个工具里找不到？＋
答
工具收录的是市面主流机型，覆盖苹果全系、三星 Galaxy S/Z 系列、华为 Mate/P 系列、小米数字系列、OPPO Find/Reno 系列等，但不包括所有小众品牌、运营商定制机或海外区域限定型号。如果你的设备不在列表里，可以按品牌和系列查找同代机型的标准分辨率（同一系列通常共用屏幕规格）。如果仍找不到，建议用系统设置里的「关于手机」查看物理分辨率，或通过开发者选项获取确切值。
问设计稿尺寸那一栏的数字是什么意思，怎么用？＋
答
设计稿尺寸是 UI/UX 设计师在设计软件（Figma、Sketch、Adobe XD）中创建画布时推荐使用的逻辑分辨率。例如「iOS 基础画布 375×812」对应 iPhone X/XS/11 Pro 的逻辑尺寸，导出时按 DPR=3 输出 1125×2436 的物理图。工具按 iOS、Android、Web 三种平台分类列出常用画布规格，并标注了对应的设备像素比（@2x/@3x）。做设计时直接按这个数字建画布，切图时再乘以 DPR，不用自己换算。
问平板的分辨率和手机一样吗？为什么有些平板显示的是 2K 但实际分辨率不高？＋
答
平板和手机的分辨率通常不同，平板因为屏幕更大，物理分辨率往往更高（如 iPad Pro 12.9 英寸为 2732×2048），但逻辑分辨率可能和手机接近（如 1024×768）。「2K」营销术语常指横向像素 ≈ 2000，但实际显示细腻度取决于 PPI（每英寸像素数）。工具中平板条目同时标注了物理分辨率和 PPI，例如 iPad Air 5 的 PPI 为 264，而手机通常 400+，所以即使平板物理分辨率高，近距离观看精细度仍低于手机。
问这个工具是离线的吗？会不会把我的设备信息上传？＋
答
完全离线。工具是纯前端实现（FE），所有数据（设备列表、分辨率参数）都打包在 HTML/CSS/JS 文件中，不涉及任何后端请求。浏览器打开页面后，即使用户断网也能正常使用。不会上传任何设备信息、IP 地址或搜索记录，因为压根没有服务器接收数据。隐私方面和本地记事本一样安全，适合在无网络环境或内网中使用。
问电脑分辨率那一栏为什么有 1920×1080 和 1366×768 两种，我的笔记本该看哪个？＋
答
1920×1080（FHD）和 1366×768（HD）是笔记本最常见的两种物理分辨率。工具按屏幕尺寸和定位分类：1366×768 常见于 14-15.6 英寸的入门级或办公本（如 ThinkPad E 系列、Dell Inspiron 3000），1920×1080 则覆盖主流中高端机型。如果你的笔记本是 13.3 英寸或更小，还可能看到 2560×1600（MacBook Pro）或 2880×1800（XPS 13）。建议在系统显示设置里确认当前分辨率，如果显示「推荐」值即为最佳物理分辨率。
问我想查 21:9 带鱼屏的分辨率，工具里有吗？＋
答
工具在「PC 显示器」分类下收录了常见超宽屏分辨率，包括 2560×1080（21:9 入门）、3440×1440（21:9 主流）、3840×1600（21:9 高端）以及 5120×2160（5K 超宽）。同时也标注了对应的屏幕比例（21:9 / 32:9）。如果用的是 49 英寸 32:9 双 QHD 屏（5120×1440），工具中也已收录。查找时注意区分「物理分辨率」和「显示比例」两个字段，避免误选。
问为什么有些手机分辨率是 1080×2400，有些是 1080×2340，差 60 像素影响大吗？＋
答
这 60 像素差异通常来自屏幕「下巴」或「挖孔」区域的取舍。1080×2400 是标准 20:9 全面屏，1080×2340 是 19.5:9 比例（如部分小米/OPPO 机型）。对于日常使用，60 像素的纵向差异不会导致 App 布局崩溃，因为系统会通过状态栏高度或导航栏来适配。但在做 UI 设计时，如果以 1080×2400 为基准设计，在 1080×2340 的屏幕上底部可能会被裁剪或出现黑边。建议设计时使用工具推荐的「设计稿尺寸」而非物理分辨率。
问我按工具里的分辨率做了壁纸，但放到手机上两侧有黑边怎么办？＋
答
黑边说明壁纸的宽高比与手机屏幕比例不一致。工具中每个手机条目都标注了屏幕比例（如 19.5:9、20:9）。做壁纸时，应使用物理分辨率并按比例裁剪。例如 iPhone 14 Pro 的物理分辨率是 2556×1179（比例约 19.5:9），如果用了 1920×1080（16:9）的图片，上下会有黑边。解决方法：在图片编辑软件中按工具给出的物理分辨率新建画布，然后将图片拉伸或裁剪至充满，保存后再设置。
隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。