屏幕距离测量器 - 人脸识别估算距离
利用前置摄像头估算人眼到屏幕距离,过近时警告,降低近视风险。
UD5工具箱
收录主流智能手机的屏幕PPI(Pixels Per Inch)数据,涵盖Apple、Samsung、Google、Xiaomi、OPPO、Huawei、Sony等品牌, 为设计师、开发者提供精准的像素密度参考。支持搜索、筛选与排序,快速找到目标设备参数。
| 品牌 | 型号 | 屏幕尺寸 | 分辨率 | PPI | 等级 | 屏幕类型 | 年份 |
|---|
未找到匹配的设备,请调整筛选条件
输入屏幕分辨率与对角线尺寸,实时计算像素密度。
公式:PPI = √(宽² + 高²) / 屏幕对角线尺寸
Android开发中使用密度无关像素(dp),系统根据屏幕密度自动缩放。
| 密度等级 | DPI范围 | 缩放因子 | 代表PPI | 常见设备 |
|---|---|---|---|---|
| ldpi | ~120 | 0.75x | 120 | 早期低端设备 |
| mdpi | ~160 | 1.0x | 160 | 基准密度 |
| hdpi | ~240 | 1.5x | 240 | 早期中端手机 |
| xhdpi | ~320 | 2.0x | 320 | iPhone SE、iPad |
| xxhdpi | ~480 | 3.0x | 480 | 主流旗舰手机 |
| xxxhdpi | ~640 | 4.0x | 640 | Sony 4K屏幕等 |
Apple认为460 PPI已经超越了人眼在正常使用距离下的分辨极限。与其追求更高的数字, Apple更注重屏幕的综合素质——色彩准确度、亮度均匀性、HDR表现、能效比等。 这也是为什么iPhone屏幕虽然PPI不是最高,但显示效果常年位居行业前列的原因。 对于设计师而言,460 PPI(3x图)是iOS端最重要的设计基准密度之一。
利用前置摄像头估算人眼到屏幕距离,过近时警告,降低近视风险。
一键将图片拆分为红、绿、蓝和Alpha通道的独立灰度图,辅助修图分析。
使用Idle Detection API区分用户是临时空闲、键盘无活动还是屏幕已锁定。
手动输入宽度和高度像素值,生成一个模拟窗口查看内容适配状况。
将文本转换为摩尔斯码,通过控制明亮黑白屏或调用闪光灯API发出光信号。
上传图片,记录用户在图片上的点击位置,生成点击热度分布伪彩图。
Alt+点击取样,然后在其他区域绘制,复制取样点的像素,用于去除瑕疵。
以手机框架包裹当前网页视图,可调宽高,模拟实际移动端显示效果。
在RGB与CMYK色彩模式间实时转换,显示青、品、黄、黑四色百分比,辅助设计印刷。
输入幕布尺寸和投影仪投射比,计算需离墙多远才能投满。
将文本转为摩尔斯码,并以微小的黑白像素行隐藏在图片底部。
将文本转为摩尔斯电码,并通过屏幕黑白闪烁来传递光信号。
获取设备上所有可用的语音合成音色,试听并比较不同语言和嗓音。
绘制逐帧的像素角色动画,设置帧延迟,预览并导出为Sprite Sheet。
配置Launch Handler使PWA应用在重复点击时聚焦到已开窗口,而不是新建窗口。
为同一图片的不同分辨率版本自动生成srcset和sizes属性代码。
激活模态框后,模拟 Tab 和 Shift+Tab,验证焦点是否被正确限制在对话框内。
输入文本,屏幕以闪光形式发出摩斯电码,可用于紧急求救信号。
通过WebHID连接自定义键盘或脚舵等设备,查看其输入报告并测试重新映射。
实时调整焦点轮廓的颜色、粗细和偏移,生成美观且高对比度的焦点样式代码。
提取图片中每个像素的RGB值并在3D空间中以小球显示,直观查看主色分布。
生成一个测试音频播放器,展示如何用MediaSession API设置元数据和操作回调。
编写DOT语言描述节点与边,前端渲染为有向图/无向图,辅助关系梳理。
制作具有真实按下突起感的3D拟物按钮,可调整颜色和阴影深度。
生成带有焦点陷阱、ESC 关闭和背景遮罩的无障碍模态弹窗代码。
动画展示环形/循环缓冲区的Enqueue、Dequeue操作以及头尾指针的移动逻辑。
显示当前AudioContext的状态、采样率和输出延迟,并允许一键挂起或恢复。
拖拽电路元件(电池、电阻、灯泡)到画布,用导线连接,绘制基础电路图。
选择乐器或人声,显示推荐的压缩器阈值、比率、启动和释放时间范围。
输入文本,使用Web Speech API朗读,并同步高亮当前读到的单词。