返回首页
你的屏幕到底有多细腻?

📱 当前设备检测结果

物理像素分辨率
CSS逻辑分辨率
设备像素比(DPR)
可视区域(viewport)
色彩深度
系统缩放比例

🧮 PPI计算器(输入屏幕参数)

PPI(每英寸像素数)

📊 主流设备PPI参考

设备分辨率尺寸PPI观感
iPhone 15/162556×11796.1"≈460极细腻(Retina)
安卓旗舰 1080p2400×10806.7"≈393细腻
iPad Air2360×164011"≈264Retina临界
MacBook Air 132560×166413.6"≈224细腻
2K显示器2560×144027"≈109桌面舒适
4K显示器3840×216027"≈163接近Retina
4K显示器3840×216032"≈138细腻
1080p显示器1920×108024"≈92正常距离可用
1080p显示器1920×108027"≈82颗粒感明显

常见问题

DPI和PPI是一回事吗?Retina又是什么?
PPI(Pixels Per Inch)指屏幕每英寸长度上的物理像素数,是屏幕硬件参数;DPI(Dots Per Inch)严格说是打印领域"每英寸墨点",软件系统里常被混用(Windows显示设置里的缩放就叫DPI设置)。Retina(视网膜屏)是苹果2010年提出的营销+技术概念:当PPI高到在正常使用距离下(手机约25-30cm、平板约40cm、显示器约60cm)人眼无法分辨单个像素时,就叫视网膜屏——所以门槛不是固定数字:手机需约300+PPI,平板约260,桌面显示器约150-170即可。这就是为什么27寸4K(163PPI)在60cm距离看已经很细腻,而同样PPI放在6寸手机上会糊。
为什么我手机分辨率是1080×2400,但检测显示CSS宽度只有390px?
这就是设备像素比(DPR/devicePixelRatio)在起作用:手机物理分辨率(设备像素)很高,但网页按"CSS像素(逻辑像素)"布局,DPR=物理像素÷CSS像素。DPR=3时,1个CSS像素用3×3=9个物理像素渲染,保证高分屏上文字图标锐利——所以网页检测到的屏幕宽度是390-430px之间(主流手机),而不是1080。设计师做图按"2倍图/3倍图"切图、viewport里写`width=device-width`,都是为了配合这个机制。桌面端Windows缩放125%/150%也是同理:操作系统把逻辑画面放大到更多物理像素上。
买显示器,27寸选2K还是4K?
看使用距离和用途:①日常办公+距离60cm以上:27寸2K(109PPI)是性价比甜点,文字清晰、显卡无压力、无需缩放;②长时间看文字/写代码+预算够:27寸4K(163PPI)细腻度明显更好,配合150%缩放,对眼睛更友好(但注意旧电脑核显带4K可能吃力);③游戏电竞:高PPI不如高刷新率实用,2K高刷是主流选择;④千万别买27寸1080P(82PPI颗粒感明显),也慎选32寸2K(和27寸2K精细度差距明显)。副屏竖屏看文档可以选24寸1080P或27寸4K。补充:PPI只是基础,面板类型(IPS/VA)、色域(sRGB≥99%)、色准(ΔE<2)、调光方式(PWM频率)对观感同样重要。