像素 统治者
拖动以在屏幕上放置标尺。以像素、厘米或英寸为单位测量宽度和高度 - 对于 UI 设计、屏幕截图和前端工作很有用。
Detected screen DPI / PPI
—
Measuring…
72 dpi — web standard
96 dpi — Windows default
220+ dpi — Retina / HiDPI
如何在线使用像素尺
ToolsPix 像素尺 让您可以在屏幕上的任意位置拖动精确的标尺，以像素、厘米或英寸为单位测量宽度和高度 - 一切都在您的浏览器内进行，无需安装软件，也不会从您的设备中流出任何数据。
为什么使用 ToolsPix 像素尺？
- 完全免费，无需注册或帐户。
- 完全在您的浏览器中运行 - 不会上传或跟踪任何内容。
- 支持像素、厘米和英寸，并具有自动 DPI 检测功能。
- 拖动标尺并调整其大小，或在水平和垂直方向之间切换。
- 当您移动鼠标时，十字线叠加显示实时 X/Y 坐标。
使用像素尺测量的步骤
单击并拖动上方标尺区域中的任意位置以放置标尺。拖动一端的绿色手柄以调整其大小，然后拖动标尺主体以重新定位它。之间切换 像素, 厘米， 和 在 使用单位按钮，然后切换 水平的 或者 垂直的 根据需要模式。统计栏实时显示宽度、高度和位置。
常问问题
像素尺的精确度如何？
像素测量是精确的 — 1 CSS 像素 = 100% 缩放时的 1 屏幕像素。对于厘米和英寸测量，精度取决于根据屏幕的 devicePixelRatio 估计的 DPI 检测。在标准显示器上，这非常接近；在 HiDPI/Retina 显示器上，它可能会略有不同。
什么是 DPI？它为何如此重要？
DPI（每英寸点数）或 PPI（每英寸像素）测量一英寸屏幕上有多少像素。标准显示器的分辨率约为 96 dpi，而 Retina 显示器的分辨率可达 220+ dpi。了解 DPI 后，该工具可以将像素测量值准确地转换为现实世界的厘米和英寸。
我可以测量另一个浏览器选项卡中的元素吗？
不是直接的——浏览器安全性会阻止跨选项卡交互。但是，您可以截取另一个选项卡的屏幕截图，在此选项卡中将其作为图像打开，然后使用标尺测量该图像中的元素。
它可以在触摸屏上使用吗？
是的。标尺支持鼠标和触摸输入。在触摸屏上，用一根手指拖动并放置标尺，然后拖动边缘的手柄以调整其大小。
像素标尺是免费的吗？它会将我的屏幕数据发送到任何地方吗？
该工具完全免费，无需注册。所有测量都使用 JavaScript 在浏览器本地进行 - 不会将屏幕数据、坐标或使用信息发送到任何服务器。