像素 标尺

拖动以在屏幕上放置标尺。以像素、厘米或英寸为单位测量宽度和高度 - 对于 UI 设计、屏幕截图和前端工作很有用。

标尺工具 · 100% 客户端 · 触摸屏支持
检测到的屏幕 DPI / PPI
测量中…
72 dpi — 网页标准 96 dpi — Windows 默认 220+ dpi — Retina / HiDPI
标尺
点击并拖动以放置标尺 或点击任意位置在该处创建标尺
需要精确的 cm / in 吗? 将任意银行卡或身份证抵在屏幕上,让轮廓与其吻合 — 只需 10 秒。无论哪种方式,像素读数始终精确。 cm/in 由 DPI 估算
1. 将任意银行卡或身份证 竖直 — 转成竖向,像一张竖版照片 — 平贴在屏幕上。2. 拖动绿色手柄,直到轮廓恰好与卡片大小一致。3. 点按 保存。此操作仅影响 cm / in 读数 — 像素始终精确 — 您可以随时跳过或重置。
将此轮廓
对准您的卡片
轮廓宽度: 204 px = 一个卡片宽度 px/mm
没有卡片? — 使用任何您知道真实尺寸的物品(一把尺子、一张纸)。在窄屏手机上,您也可以旋转到横向以获得更多空间。
mm
宽度 / 长度
高度 / 纵深
位置 X
位置 Y

如何在线使用像素尺

ToolsPix 像素尺 让您可以在屏幕上的任意位置拖动精确的标尺,以像素、厘米或英寸为单位测量宽度和高度 - 一切都在您的浏览器内进行,无需安装软件,也不会从您的设备中流出任何数据。

为什么使用 ToolsPix 像素尺?

  • 完全免费,无需注册或帐户。
  • 完全在您的浏览器中运行 - 不会上传或跟踪任何内容。
  • 支持像素、厘米和英寸,并具有自动 DPI 检测功能。
  • 厘米和英寸读数最初为 DPI 估算值(以 ≈ 显示),在您运行可选的银行卡校准或手动毫米校准后即变为精确值。
  • 拖动标尺并调整其大小,或在水平和垂直方向之间切换。
  • 当您移动鼠标时,十字线叠加显示实时 X/Y 坐标。

使用像素尺测量的步骤

单击并拖动上方标尺区域中的任意位置以放置标尺。拖动一端的绿色手柄以调整其大小,然后拖动标尺主体以重新定位它。使用单位按钮在像素厘米英寸之间切换,并根据需要切换水平的垂直的模式。统计栏实时显示宽度、高度和位置。

常问问题

像素尺的精确度如何?

像素测量是精确的 — 在 100% 缩放下,1 个 CSS 像素 = 1 个屏幕像素。厘米和英寸读数最初是基于屏幕 DPI 的估算值,以 ≈ 标记。若需精确的厘米和英寸读数,请运行可选的 10 秒卡片校准 — 保存后 ≈ 会消失,工具将使用屏幕真实的每毫米像素数。

使用银行卡校准是如何工作的?

每张银行卡和身份证都遵循相同的国际标准尺寸:85.60 × 53.98 毫米。将任意卡片竖直抵在屏幕上,拖动绿色轮廓,直到它与卡片完全吻合 — 工具便能精确得知屏幕上 1 毫米对应多少像素。手边没有卡片?可改为输入任意已知的长度(以毫米为单位)。校准仅影响厘米和英寸读数 — 像素始终精确 — 您可以随时重置。

什么是 DPI?它为何如此重要?

DPI(每英寸点数)或 PPI(每英寸像素数)衡量屏幕每英寸容纳多少像素。标准显示器约为 96 dpi,而 Retina 显示屏可达 220 dpi 以上。浏览器只能估算该值,因此未校准的厘米和英寸读数会以 ≈ 标记 — 使用卡片校准可将估算值替换为实测值。

它可以在触摸屏上使用吗?

可以。标尺同时支持鼠标和触摸输入。在手机上,它会以纵向模式启动,标尺区域更高,因为竖屏在上下方向有更多空间。用一根手指拖动并放置标尺,然后拖动末端的手柄来调整其大小。

像素标尺是免费的吗?它会将我的屏幕数据发送到任何地方吗?

该工具完全免费,无需注册。所有测量都在您的浏览器中使用 JavaScript 本地完成 — 屏幕数据、坐标或使用信息绝不会发送到任何服务器。您的校准仅保存在您设备上浏览器的本地存储中。

相关工具