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.
螢幕間尺
螢幕上的精準尺，支援厘米、毫米和英寸。用信用卡校準一次後，您可以將實物貼在螢幕邊緣測量，精度可達半毫米。最適合設計師核對印刷尺寸、網購者驗證商品大小、學生測量小物件。
快速開始
- 打開 Screen Ruler。工具會在螢幕左側載入直向尺，單位由您選擇。
- 點擊校準面板，把信用卡平放在螢幕上。拖曳滑桿直到螢幕上的輪廓與卡片邊緣完全重合。
- 用頂部的單位選擇器在厘米、毫米、英寸之間切換。
- 把要測量的物體貼在尺上。一邊對齊零刻度，讀取另一邊的數值。
- 在小螢幕上使用全螢幕模式可獲得最長測量範圍。校準資料按裝置儲存 30 天。
可打印間尺
可下載的免費打印尺 PDF，支援厘米、毫米或英寸，1:1 真實比例。無需校準——打印後平鋪即可測量。當您做手工、木工、縫紉或孩子的功課需要實體尺又找不到時非常實用。
快速開始
- 打開 Printable Ruler 頁面，選擇單位（cm、mm 或英寸）和長度。
- 點擊 Generate PDF。下載的 PDF 是 300 DPI 的 1:1 真實比例。
- 在打印機對話框裡把縮放設為 100%（或實際大小）——千萬不要選 Fit to Page，那會悄悄縮小尺。
- 用普通紙打印。用文件自帶的校準方塊驗證打印機沒有縮放檔案。
- 沿輪廓剪下就得到實體尺。過膠一下可以反覆使用。
裝置規格
可篩選的數據庫，收錄 69+ 部手機、平板和手提電腦的螢幕尺寸、解像度、PPI 和畫面比例。開發者查 responsive breakpoint、消費者比較型號、設計師選目標裝置時都用得上。
快速開始
- 打開 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。
PPI 計算器
免费 PPI / DPI 计算器，根据屏幕对角线与分辨率计算像素密度，按实际观看距离判断 Retina 阈值，按 300 DPI 反向计算打印所需像素，并支持设备并排对比。
快速開始
- 打开 PPI 计算器，选择模式：自动检测（当前显示器）、屏幕（手动）、打印（按物理尺寸反向）、对比（多设备）。
- 输入屏幕对角线（英寸）和分辨率（宽 × 高，如 1920×1080）。
- 设置你的典型观看距离——计算器会据此缩放 Retina 阈值。
- 读取 PPI 结果、Retina 判定（低于 / 达到 / 超过）及屏幕物理尺寸（毫米/英寸）。
- 复制结果、分享计算链接（URL 编码状态）、或带相同校准跳转到尺子工具。
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.