您最喜欢的城市的最爱地点
首页
添加为 Google 首选来源

像素密度计算器(PPI)

输入原生分辨率和有效显示区域的对角线,即可计算屏幕每英寸的物理像素数。还可添加另一块屏幕,对比线性像素密度。

屏幕参数

屏幕 1

切换单位会保留原数字,并按新单位解读,不会自动换算。

请输入原生物理分辨率和有效显示区域的对角线,不含边框,也不是缩放后的桌面尺寸。

像素尺寸为 1–100000 的整数。对角线须大于 0,最大 1000 英寸或 2540 厘米;可用点或逗号作小数点,最多 6 位小数,不使用千位分隔符。每项最多 32 个字符。

像素密度

输入分辨率和对角线,即可计算 PPI。

按矩形有效显示区域和正方形物理像素计算。PPI 不代表主观清晰度,也不是 CSS 像素密度。

计算详情
  • PPI = √(水平像素数² + 垂直像素数²) ÷ 对角线英寸数;1 英寸 = 2.54 厘米。像素间距(毫米)= 25.4 ÷ PPI。对比百分比 = 100 × (PPI₂ ÷ PPI₁ − 1),使用未舍入值。

结果为近似值,仅在显示时四舍五入。计算所得面板尺寸不保证能精确安装;测量精度取决于输入的对角线。

宽高比计算器打印尺寸计算器

如何计算屏幕 PPI

  1. 按面板规格输入水平和垂直原生像素数。请勿使用缩放后的桌面分辨率或浏览器窗口尺寸。
  2. 输入有效显示区域的对角线,并选择英寸或厘米。切换单位只会按新单位解读原数字,不会自动换算。
  3. 查看近似 PPI。如需对比,勾选另一块屏幕并输入它的分辨率、对角线和单位。计算详情还会显示像素间距与推算的面板尺寸。

像素密度说明了什么

PPI 指每英寸的像素数,即屏幕一英寸长度内的物理像素数量。它是线性密度,不是整块面板的像素总量。

对于正方形像素,像素对角线为 √(水平像素数² + 垂直像素数²),再除以以英寸计的物理对角线。若输入厘米,先除以 2.54 换成英寸。

像素间距表示相邻像素中心之间的距离,用 25.4 除以 PPI,单位为毫米。有效宽度和高度由对角线及原生分辨率的比例推算。

PPI 越高,同一物理长度内的像素越密集。实际看起来是否清晰,还受观看距离、视力、渲染方式和其他面板特性影响。本工具不提供画质评级。

屏幕计算示例

300 × 400 像素、对角线 5 英寸的屏幕为 100 PPI,有效显示区域约为 3 × 4 英寸,像素间距为 0.254 毫米。对角线输入 12.7 厘米时结果相同。

1920 × 1080 像素、对角线 24 英寸的屏幕约为 91.79 PPI,有效显示区域约为 20.92 × 11.77 英寸。分辨率不变时,对角线越大,PPI 越低。

2560 × 1440 像素、27 英寸屏幕约为 108.79 PPI,线性密度比上述 24 英寸 Full HD 屏幕高约 18.52%。同样的 2560 × 1440 分辨率若用于 32 英寸屏幕,密度与第一块屏幕大致相同。

模型假设与舍入

模型假设有效显示区域为平面矩形,物理像素为正方形。不适用于校正非正方形像素、子像素布局、曲面或折叠屏的测量方式、VR 光学、外壳尺寸或打印机 DPI。

PPI 和尺寸通常最多显示两位小数,像素间距最多四位。极小正值用“小于”阈值表示,大数最多显示六位有效数字,不使用科学计数法。对比基于未舍入值;差异小于 0.01% 时显示密度大致相同。

输入数据与复制

计算在浏览器中完成,不上传输入的屏幕参数。本工具不保存输入,也不将其写入网址。复制内容包括当前有效结果和公开页面链接;第二块屏幕尚未填完整时只包含屏幕 1。网站其他部分仍可能加载广告、分析和同意管理服务。

关于屏幕 PPI 的常见问题

PPI 表示屏幕每英寸的物理像素数,DPI 通常表示打印机每英寸的墨点数。产品说明有时会混用这两个术语,但本计算器针对屏幕像素,不计算打印墨点。

分辨率只说明像素数量,没有说明这些像素占据多大面积。分辨率相同时,面板越大,每英寸像素越少。请测量有效显示区域的对角线,或参考面板规格,不要计入外壳。

不是。这仅表示模型中单位长度内的像素多 20%,不是对主观清晰度、可用桌面空间或单位面积像素数的测量。观看条件和渲染方式同样会影响观感。

仅靠这些不行。devicePixelRatio 描述物理像素与 CSS 像素的比例,并可能随页面缩放改变。仍须提供原生像素尺寸和物理对角线,本工具不会从浏览器猜测它们。

参考来源

以下资料介绍物理像素密度、浏览器像素和单位换算:

核查日期:2026 年 10 月 24 日。

这些资料说明相关概念和单位换算,不规定本计算器的输入范围,也不保证主观清晰度。

SVG 转 PNG

将本地 SVG 文件或粘贴的代码转换为 PNG,可设置尺寸、透明或纯色背景,并使用内置字体。

打开工具 — SVG 转 PNG

CSS 滤镜生成器

排列和重复 CSS 效果,比较示例并复制精确的滤镜声明。

打开工具 — CSS 滤镜生成器

流式字号计算器

为两个视口宽度分别设置字号,生成流式字号。复制使用 rem 的 CSS,并查看基于导出系数计算的模型。

打开工具 — 流式字号计算器

CSS 按钮生成器

设置原生按钮状态,检查键盘焦点并复制 HTML 和 CSS。

打开工具 — CSS 按钮生成器

CSS 圆角生成器

编辑八个圆角半径,预览盒子,并复制以像素或百分比表示的 CSS。

打开工具 — CSS 圆角生成器

CSS Grid 生成器

编辑 CSS Grid 轨道、项目位置和命名区域,预览并复制 CSS、HTML 或下载完整示例。

打开工具 — CSS Grid 生成器

CSS Flexbox 生成器

使用容器和项目控件、显式布局轴、匹配的 CSS 和 HTML 以及本地完整示例下载构建 Flexbox 示例。

打开工具 — CSS Flexbox 生成器

CSS 文字阴影生成器

创建有序文字阴影,预览纯文本并复制精确 CSS。

打开工具 — CSS 文字阴影生成器

CSS 变换发生器

编写可重复的 2D CSS 变换,编辑 px 或百分比平移和原点,检查参考框并复制准确的当前声明。

打开工具 — CSS 变换发生器

CSS 盒子阴影生成器

创建有序的 CSS box-shadow 图层,实时预览并复制代码。

打开工具 — CSS 盒子阴影生成器

图片水印

为一批图片添加文字或标志水印,检查结果并下载单个文件或 ZIP。

打开工具 — 图片水印

CSS 渐变生成器

创建线性或径向 CSS 渐变,调整颜色、不透明度和节点位置。

打开工具 — CSS 渐变生成器

颜色转换器

转换支持的 sRGB HEX、RGB 和 HSL 颜色值,保留透明度并显示精度。

打开工具 — 颜色转换器

图片转文字(OCR)

识别本地 PNG 或 JPEG 中的印刷文字,选择语言,检查并修改结果后复制或下载。

打开工具 — 图片转文字(OCR)

从图片读取二维码

从本地 PNG 或 JPEG 读取一个二维码,查看文本或内容字节,不会打开链接。

打开工具 — 从图片读取二维码

颜色对比度检查器

比较前景与背景颜色,调整不透明度,检查文本和必要界面细节的 WCAG 数值对比度阈值。

打开工具 — 颜色对比度检查器

打印尺寸与分辨率计算器

计算照片可打印尺寸、所需像素,以及留白或裁切时的实际 PPI。

打开工具 — 打印尺寸与分辨率计算器

宽高比计算器

计算宽度与高度的精确比例,或指定一边计算对应的像素尺寸。

打开工具 — 宽高比计算器

图像压缩

尝试将 JPEG、PNG 或 WebP 图片压至目标文件大小,查看实测结果并可选择缩小尺寸。

打开工具 — 图像压缩

HEIC 转 JPG

在浏览器中将受支持的 HEIC 照片转换为原尺寸 JPG 副本,调整质量和背景,并单独下载或打包下载已验证的结果。

打开工具 — HEIC 转 JPG

图片格式转换器

在本地批量转换受支持的 PNG、JPEG 和 WebP 图片,调整透明度、背景和质量,检查并下载编码结果。

打开工具 — 图片格式转换器

照片拼图工具

将本地照片排列成网格,下载 PNG 或 JPEG。

打开工具 — 照片拼图工具

旋转和翻转图片

批量旋转或翻转本地静态 PNG、JPEG 和 WebP 图片,然后查看并下载处理结果。

打开工具 — 旋转和翻转图片

图片裁剪

通过可视选区或像素输入精确裁剪本地 JPEG、PNG 或 WebP 图片,下载为 PNG 或 JPEG。

打开工具 — 图片裁剪
查看此分类中的所有工具