在线厘米尺

如需准确性,请用真实物体校准(信用卡宽度为 8.56 cm)。屏幕 DPI 差异很大。

这是一把直接在浏览器里绘制的 30 厘米直尺,每一厘米都有数字,每一毫米都有刻度。屏幕并不知道自己实际有多大,所以尺子先按浏览器默认的 96 DPI 起步,再由你自己校正:把一张银行卡贴在屏幕上,拖动“屏幕 DPI”滑块,直到卡片正好对齐刻度上的 8.56 厘米。从那一刻起,这把尺子对这块屏幕就是准确的,凡是能平贴在玻璃上的东西你都能测量。

如何校准并测量

  1. 1

    把一个已知尺寸的物件贴在屏幕上

    任何你确切知道尺寸的东西都行。银行卡最理想:全球每张卡的长边都是 85.60 毫米(ISO/IEC 7810 ID-1)。

  2. 2

    拖动“屏幕 DPI”滑块

    在 72 到 220 之间移动,直到卡片正好对齐尺上的 8.56 厘米。这一个数字就告诉了页面,你显示屏上的一个像素究竟有多大。

  3. 3

    记下你的 DPI 数值

    在普通的单页直尺中,校准不会保存,刷新后滑块会回到 96。在多步骤直尺中,只有安全的 DPI 设置会通过页面 URL 带到后续步骤,不会另行永久保存。

  4. 4

    开始测量

    把物件平贴在屏幕上,一端对齐 0,读取刻度即可。如果 30 厘米比你的窗口还宽,就横向滚动尺子。

为什么屏幕尺必须校准

CSS 像素并不是物理单位。每个浏览器都假定名义上每英寸 96 像素,但一台 13 英寸的笔记本、一台 27 英寸的 4K 显示器和一部手机,在同样一厘米里塞进的像素数量差异极大。不经校准,页面以为是 10 厘米的一段,放到你桌上可能变成 6 厘米,也可能变成 14 厘米。“屏幕 DPI”滑块正是用来弥合这道差距的,这也是每一把诚实的屏幕尺都要求你先做一次这一步的原因。

可以信赖的参照物

物件 真实尺寸
银行卡长边(ISO/IEC 7810 ID-1) 85.60 毫米
银行卡短边 53.98 毫米
CD 或 DVD 光盘 120 毫米
A4 纸短边 210 毫米
AA 电池长度 50.5 毫米
2 欧元硬币 25.75 毫米
1 欧元硬币 23.25 毫米

这把尺子实际显示什么

  • 30 厘米,每整厘米标一个数字。
  • 全长布满毫米刻度,每 5 毫米有一条较长的刻度线。
  • 仅限厘米。 没有单位切换:要用英寸,请使用在线英寸尺(12 英寸,细到 1/8 英寸)。
  • 数据不离开你的浏览器。 尺子在本地绘制,不上传任何内容,也不存储任何测量结果。

人们用它来做什么

  • 手工与缝纫。 当卷尺放在别的房间时,量一量缝份、纽扣或补丁。
  • 印刷与包装核对。 在把一批文件送印前,确认标签宽度或照片尺寸。
  • 小零件。 螺丝、线缆、SIM 卡托,凡是能贴在屏幕上的都行。
  • 快速设计核对。 看看一个按钮或一种字体在现实世界里到底渲染得多大。

诚实的局限

  • 校准的准确度取决于你的参照物。 凭眼睛对齐一张卡片,大约能到 1% 到 2% 的误差,用于手工、缝纫和印刷核对已经够用,但在一毫米也不能差时仍然替代不了真正的尺子。
  • 让浏览器缩放保持 100%。 缩放会改变 CSS 像素的大小,因而会悄悄改变尺子的比例。
  • 换过显示设备后要重新校准。 换了一台显示器,或改动了 Windows 或 macOS 的显示缩放,都需要一个新的 DPI 数值。
  • 贴着玻璃平放测量。 让物件离屏幕一厘米远,会带来 1 到 2 毫米的视差误差。
  • 校准的处理方式取决于页面版本。 普通单页直尺刷新后会回到 96。多步骤直尺只会把安全的 DPI 设置放进页面 URL 以供后续步骤使用,不会成为已保存的资料或测量值。
  • 测不出超过屏幕所显示的长度。 尽管刻度一直到 30 厘米,可用长度仍受限于你的屏幕宽度。

常见问题

因为页面是从浏览器默认的每英寸 96 像素起步的,那只是一个约定,不是对你屏幕的实际测量。你的屏幕几乎肯定比这更密或更疏。拖动“屏幕 DPI”滑块,直到一张银行卡在刻度上量出 8.56 厘米,尺子对你的显示屏就准确了。

在普通的单页直尺中,“屏幕 DPI”滑块刷新后会回到 96。在多步骤版本中,只有安全的 DPI 设置会写入页面 URL 并带到后续步骤。它不是已保存的测量值,也不是单独的永久资料。

凭眼睛对齐一张银行卡之后,大约能到 1% 到 2%,也就是 10 厘米上约 1 到 2 毫米的误差。这足以应付快速核对,但不足以用于工程或任何必须严丝合缝的场合。

在这个工具里不能:它只绘制厘米。请使用在线英寸尺,它显示 12 英寸、细分到 1/8 英寸;如果你已经有一个数值要换算,也可以用长度换算工具。顺带一提,1 英寸正好等于 2.54 厘米。

会。任何不是 100% 的缩放都会改变 CSS 像素,因而改变尺子。在手机或平板上,双指缩放的效果完全一样,所以请在你实际测量时会使用的缩放级别下进行校准。

相关工具