在线尺子
NEW
Online Ruler · 设计工具
精准测量屏幕像素尺寸的在线尺子工具，支持厘米与英寸单位自由切换，UI 设计校对与前端开发必备利器
尺子测量像素
总访问 0 次总使用 0 次
什么是在线尺子
精准测量屏幕像素尺寸的在线尺子工具，支持厘米与英寸单位自由切换，UI 设计校对与前端开发必备利器
在线尺子 是一个基于屏幕显示的实际尺寸测量工具，无需实体尺子即可在屏幕上直接测量物体或设计元素的尺寸。对于 UI 设计师、前端开发者和需要精确测量的用户来说，这是一个便捷的数字化测量方案。工具支持厘米和英寸双单位显示，提供毫米和英寸刻度，可根据不同设备类型（桌面、平板、手机）调整显示范围，并允许手动校准 PPI（每英寸像素数）以提高测量精度。
功能特色
厘米与英寸双单位
尺子同时显示厘米（cm）和英寸（in）两种单位的刻度，主刻度为厘米（每大格 1cm，细分毫米），辅助显示英寸刻度。底部信息面板实时显示当前尺子的总长度对应的厘米、毫米和英寸数值，方便不同场景下的测量需求。适合国际化项目和需要与实体尺子对照的场景。
三设备类型适配
提供桌面（30cm）、平板（20cm）、手机（15cm）三种显示模式，根据实际使用场景切换。桌面模式适合大屏幕精确测量，平板和手机模式适合移动设备上的快速测量。切换时尺子长度和刻度密度会自动调整，确保在各种屏幕上都有良好的显示效果。
PPI 校准与自定义
工具自动检测屏幕 PPI（每英寸像素数），这是确保测量准确性的关键参数。如果自动检测不准确，可以勾选"自定义 PPI"并手动输入数值（常见值：桌面显示器 96 PPI，Retina 屏 220+ PPI）。支持横竖方向切换，适应不同测量场景。
如何使用在线尺子
1
选择设备类型与校准
在顶部选择当前使用的设备类型（桌面/平板/手机），工具会调整尺子的显示范围。查看"PPI"区域显示的自动检测值，如果已知屏幕的准确 PPI（可在显示器规格中查找），可以勾选自定义并输入准确数值，这将显著提高测量精度。
2
设置显示选项
在"刻度显示"区域，勾选"毫米"显示毫米细分刻度，勾选"英寸"显示英寸刻度。建议同时勾选两者以获得最全面的参考。点击"切换横向/竖向"按钮改变尺子方向，横向适合测量宽度，竖向适合测量高度。所有设置会实时反映在尺子上。
3
进行测量
将要测量的物体（如实体尺子、硬币、信用卡等已知尺寸的物体，或屏幕上的设计元素）与屏幕上的尺子对齐。对于屏幕上的元素，可以直接读取对应的刻度值。对于实体物体，将物体边缘与尺子零刻度对齐，读取另一边缘对应的数值。底部信息面板显示当前尺子的总长度换算。
屏幕测量原理与精度优化
什么是 PPI？为什么它很重要？
PPI（Pixels Per Inch）：每英寸像素数，表示屏幕上每英寸长度内包含的像素数量。PPI 越高，屏幕显示越细腻。
常见 PPI 参考：
• 标准桌面显示器（24英寸 1920×1080）：约 92 PPI
• 27英寸 4K 显示器：约 163 PPI
• MacBook Retina 屏：约 220-227 PPI
• iPhone Retina 屏：约 326-460 PPI
• iPad：约 264 PPI
测量原理：在线尺子根据 PPI 计算每个像素对应的物理尺寸。例如 96 PPI 时，1 英寸 = 96 像素，1 厘米 = 96/2.54 ≈ 37.8 像素。如果 PPI 设置不准确，测量结果就会有偏差。
常见 PPI 参考：
• 标准桌面显示器（24英寸 1920×1080）：约 92 PPI
• 27英寸 4K 显示器：约 163 PPI
• MacBook Retina 屏：约 220-227 PPI
• iPhone Retina 屏：约 326-460 PPI
• iPad：约 264 PPI
测量原理：在线尺子根据 PPI 计算每个像素对应的物理尺寸。例如 96 PPI 时，1 英寸 = 96 像素，1 厘米 = 96/2.54 ≈ 37.8 像素。如果 PPI 设置不准确，测量结果就会有偏差。
提高测量精度的方法
方法一：使用已知尺寸校准：将一张标准信用卡（85.6×53.98mm）或硬币放在屏幕上，调整 PPI 值使尺子读数与实际尺寸一致。
方法二：查找官方规格：在显示器或设备的官方规格中查找 PPI 或像素密度参数，直接输入。
方法三：使用在线 PPI 计算器：输入屏幕分辨率和尺寸（对角线英寸），计算精确 PPI。
方法四：对比实体尺子：将实体尺子与屏幕尺子并排对比，微调 PPI 直到两者刻度对齐。
注意事项：
• 浏览器缩放必须设置为 100%，否则测量会不准确
• 操作系统显示缩放（如 Windows 125%、150%）会影响测量，需在工具中相应调整
• 测量实体物体时，注意屏幕表面的反光和视角，正对屏幕可减少视差
方法二：查找官方规格：在显示器或设备的官方规格中查找 PPI 或像素密度参数，直接输入。
方法三：使用在线 PPI 计算器：输入屏幕分辨率和尺寸（对角线英寸），计算精确 PPI。
方法四：对比实体尺子：将实体尺子与屏幕尺子并排对比，微调 PPI 直到两者刻度对齐。
注意事项：
• 浏览器缩放必须设置为 100%，否则测量会不准确
• 操作系统显示缩放（如 Windows 125%、150%）会影响测量，需在工具中相应调整
• 测量实体物体时，注意屏幕表面的反光和视角，正对屏幕可减少视差
核心特性
cm/in 双单位
毫米+英寸刻度
三设备模式
桌面/平板/手机
PPI 自定义
自动检测+手动校准
横竖向切换
适应不同测量场景