How to Use Screen Ruler Online
Screen Ruler Online 上每个工具的快速上手指南。在下方跳到您需要的工具——每节都包含工具用途、适用人群和 5 步操作流程。
工具逐一速览
Each section below covers one tool — what it does, who should use it, and a 5-step quick start. Calibration and pixel-density basics are explained at length in the Screen Ruler section, since those concepts apply across the measurement tools.
屏幕尺子
屏幕上的精准尺子，支持厘米、毫米和英寸。用信用卡校准一次后，您可以将实物贴在屏幕边缘测量，精度可达半毫米。最适合设计师核对印刷尺寸、网购者验证商品大小、学生测量小物件。
快速上手
- 打开屏幕尺子。工具会在屏幕左侧加载竖向尺子，单位由您选择。
- 点击校准面板，把信用卡平放在屏幕上。拖动滑块直到屏幕上的轮廓与卡片边缘完全重合。
- 用顶部的单位选择器在厘米、毫米、英寸之间切换。
- 把要测量的物体贴在尺子上。一边对齐零刻度，读取另一边的数值。
- 在小屏幕上使用全屏模式可获得最长测量范围。校准数据按设备保存 30 天。
可打印尺子
可下载的免费打印尺子 PDF，支持厘米、毫米或英寸，1:1 真实比例。无需校准——打印后平铺即可测量。当您做手工、木工、缝纫或孩子的作业需要实体尺子又找不到时非常实用。
快速上手
- 打开 Printable Ruler 页面，选择单位（cm、mm 或英寸）和长度。
- 点击 Generate PDF。下载的 PDF 是 300 DPI 的 1:1 真实比例。
- 在打印机对话框里把缩放设为 100%（或实际大小）——千万不要选 Fit to Page，那会悄悄缩小尺子。
- 用普通纸打印。用文档自带的校准方块验证打印机没有缩放文件。
- 沿轮廓剪下就得到实体尺子。塑封一下可以反复使用。
设备规格
可筛选的数据库，收录 69+ 部手机、平板和笔记本电脑的屏幕尺寸、分辨率、PPI 和宽高比。开发者查响应式断点、消费者比较机型、设计师选目标设备时都用得上。
快速上手
- 打开 Device Specs 页面。您会看到一张可筛选的表格，含 69+ 部设备。
- 按品牌、操作系统、年份、类型、屏幕大小筛选，或用搜索框查特定型号。
- 点任意设备行进入详情页，查看完整规格和并排的相关设备列表。
- 在设备页用 Open Ruler CTA 启动一个按该设备 PPI 预校准的尺子。
- 收藏对比页或把规格复制到采购或设计文档里。
随机转盘
可自定义的转盘，用于公平随机抽选。输入选项列表，按 Spin，转盘随机停在一项上。老师抽学生、家庭决定吃什么、团队随机抽签都好用。
快速上手
- 打开 Spinner，加载默认的简短选项列表。
- 点击条目编辑、Add 添加新选项、Remove 删除一个。
- 每个选项自动获得自己的颜色，转盘随之重新分段。
- 按 Spin。转盘平滑减速旋转，最后随机停在一段上。
- 每个选项的中奖概率完全相同。列表只存在浏览器里，关闭标签即消失。
坏点检测
全色测试画面，可在任何显示器、手机或电视上发现坏点、亮点和热点。新设备到货后、屏幕维修后或怀疑面板有问题时跑一遍——60 秒就能判断屏幕是否健康。
快速上手
- 在要检查的屏幕上打开 Dead Pixel Test 页面。
- 把浏览器最大化到全屏，让测试覆盖整个面板——多数浏览器按 F11。
- 依次切换颜色画面（红、绿、蓝、白、黑）。仔细看是否有像素颜色与背景不一致。
- 始终保持黑色的是坏点，固定一种颜色的是亮点，始终白色的是热点。
- 用渐变测试检查像素均匀度问题（如条带）。修复尝试后再跑一次确认是否恢复。
量角器
屏幕上的数字量角器，可测量 0° 到 360° 任意角度。拖动两条射线到目标角度，可选 1°/5°/15°/45° 自动吸附。几何作业、木工切角、缝纫省道、照片屋顶坡度核对都能用。
快速上手
- 打开 Protractor。工具加载一个圆盘和两条可拖动的射线，默认 90°。
- 拖动任一射线末端的手柄绕中心旋转。角度数字和阴影扇形实时更新。
- 需要精确角度时打开 Snap 并选 1°、5°、15°、45° 步长。射线会吸附到最近的步长。
- 把打印图纸平放在屏幕上即可测量纸上的角度。
- 用 Reset 回到 90°。量角器默认显示内角——优角用 360° 减去即可。
屏幕尺寸计算器
根据分辨率和 PPI 计算实际屏幕尺寸，或根据观看距离计算合适的电视尺寸。家庭影院规划、设计师选显示器、消费者比较 65 英寸和 75 英寸面板时都会用到。
快速上手
- 打开 Screen Size Calculator，选择输入模式——对角线尺寸、宽高、或分辨率与 PPI。
- 输入数值。计算器返回实际宽度、高度、面积和推荐观看距离。
- 需要选电视尺寸时使用 TV size for room 子页面：输入沙发到屏幕的距离，选标准（THX、SMPTE 或 4K 沉浸式）。
- 比较两块屏幕时跑两次，注意对角线和可视面积的差别——16:9 的 65 英寸比 21:9 的 65 英寸大很多。
- 下单前用 Device Specs 数据库交叉核对实际尺寸。
像素转换器
即时 CSS 单位转换器——px 与 mm、cm、英寸、rem、em、pt、%、vw、vh 互转。前端开发者、设计师和任何在调字号或排版的人都能从中受益。
快速上手
- 打开 Pixel Converter，选择源单位（px、mm、cm、英寸、rem、em、pt、%、vw、vh）。
- 输入数值。所有目标单位同步更新。
- 设置基础字号（默认 16px）和 DPI，以确保 rem 和物理单位换算准确。
- 用速查表快速查常用换算，如 1rem = 16px 或 1pt = 1.333px。
- 把结果复制到 CSS 或设计工具里。转换器无状态——刷新即重置。
长宽比计算器
从像素尺寸计算宽高比，或在已知一边和目标比例时求另一边。视频剪辑师、社交媒体设计师、为 Instagram、TikTok、YouTube、LinkedIn 选图片尺寸的开发者都需要。
快速上手
- 打开 Aspect Ratio Calculator。输入像素宽高得到化简后的比例。
- 或选择求缺失值模式：输入宽度和目标比例（16:9、4:3、1:1、9:16），计算器返回高度。
- 用平台速查表查 Instagram 帖子、TikTok 视频、YouTube 缩略图、LinkedIn 横幅的合适尺寸。
- 如果需要把像素尺寸转成印刷物理单位，用 Pixel Converter 二次核对。
- 化简比例就是宽高的最大公约数——1920×1080 化简为 16:9，1080×1080 化简为 1:1。
Calibration Basics
Calibration is the most important step for any measurement tool on the platform. Without it, the ruler shows approximate measurements based on your device's reported pixel density, which is often inaccurate. With calibration, measurements become precise to within half a millimeter.
Using a Credit Card
A standard credit or debit card is the best calibration object because its dimensions are standardized worldwide at 85.6mm x 53.98mm (ISO/IEC 7810). Place your card flat on the screen and use the calibration slider to adjust the on-screen outline until it matches your card exactly.
Using Other Objects
If you don't have a credit card handy, you can calibrate with US quarters (24.26mm), Euro coins (23.25mm), UK pound coins (22.5mm), and more. Select the object from the calibration panel, place it on the screen, and adjust the slider.
Understanding Pixel Density (PPI)
PPI stands for Pixels Per Inch. It tells you how many tiny dots of light fit in one physical inch of your screen. A phone with 460 PPI has much smaller, more densely packed pixels than a desktop monitor with 96 PPI. This means the same number of pixels takes up less physical space on the phone.
Modern screens also use device pixel ratios. A MacBook with a Retina display might report a device pixel ratio of 2, meaning each "CSS pixel" in the browser actually spans 2x2 physical pixels. The ruler, protractor, and pixel converter all account for this automatically during calibration.
Device-Specific Rulers
We maintain pre-configured ruler profiles for popular devices. These profiles use the device's known PPI to provide a starting point before manual calibration. Visit a device-specific ruler for the best starting accuracy:
Questions?
Full answers to common questions about every tool — ruler accuracy, protractor precision, spinner fairness, device support, privacy — live on the FAQ page.