跳至主要內容
SPCXTools

螢幕解析度

立即查看您的螢幕解析度、瀏覽器可視區域大小、像素比及其他顯示器詳細資訊。

本機執行 — 檔案絕不會離開您的裝置

正在載入工具…

如何使用 螢幕解析度

  1. 1開啟網頁 — 您的螢幕解析度會立即顯示在最上方。
  2. 2查看下方的詳細資訊 — 包含 CSS 解析度、裝置像素比、可視區域大小、長寬比、色彩深度等。
  3. 3調整瀏覽器視窗大小或旋轉您的裝置,數值將會即時更新。
  4. 4點擊 複製 即可分享所有詳細資訊,例如用於錯誤回報。

我的螢幕解析度是多少?

螢幕解析度是指顯示器在水平和垂直方向上顯示的像素數量,例如 1920 × 1080。本工具能立即偵測您的解析度,並提供網頁設計師、開發人員和客服團隊常用的詳細資訊:CSS 解析度、裝置像素比、瀏覽器可視範圍大小、可用螢幕空間、長寬比、色彩深度、色域以及 HDR 支援。所有資料皆直接從您的瀏覽器本機讀取。

了解這些數值

實體解析度是指面板上真實的像素數量(適用於多數設定),也是製造商廣告上標示的規格,例如 2560 × 1440。

CSS 像素是網站使用的邏輯單位。當您的系統縮放顯示器時(例如在 Retina 螢幕上放大 200%),一個 CSS 像素會涵蓋多個實體像素,讓文字在保持易讀大小的同時,看起來更加清晰銳利。

裝置像素比 (DPR) 連結了這兩個數值:實體像素 = CSS 像素 × DPR。

可視範圍 (Viewport) 是瀏覽器內可見的網頁區域。每當您調整視窗大小、開啟開發者工具或顯示書籤列時,這個數值都會跟著改變。

常見螢幕解析度

名稱 解析度 長寬比
HD (720p) 1280 × 720 16:9
Full HD (1080p) 1920 × 1080 16:9
WUXGA 1920 × 1200 16:10
QHD (1440p) 2560 × 1440 16:9
UWQHD (超寬螢幕) 3440 × 1440 21:9
4K UHD 3840 × 2160 16:9
5K 5120 × 2880 16:9

誰會需要這些資訊

網頁設計師與開發人員需要根據實際的 viewport 尺寸與像素比例來測試響應式版面,並利用這些數據來重現訪客回報的錯誤 (bug)。

技術支援與 IT 團隊在排解顯示或排版問題時,會需要使用者的螢幕詳細資訊 — 只要點擊 複製 按鈕,就能一次傳送所有數據。

遊戲玩家與創作者可用來確認新螢幕是否以原生解析度運行,而非處於縮放或較低的解析度模式。

任何購買桌布、截圖或簡報的人都能根據精確的螢幕尺寸來匹配圖片,以獲得最清晰的顯示效果。

使用 螢幕更新率測試 檢查您的螢幕更新速度,或透過 螢幕壞點測試 檢查是否有壞點。

常見問題

為什麼解析度與我的螢幕規格不同?
作業系統通常會縮放介面。在 150% 縮放比例下,3840 × 2160 (4K) 螢幕會向網站回報 2560 × 1440 的「CSS」解析度,且裝置像素比為 1.5。頂部的螢幕解析度會將這些數值相乘,還原為實體像素。瀏覽器縮放也會改變像素比,因此請將縮放比例重設為 100% (Ctrl/Cmd + 0) 以獲得準確的結果。
什麼是裝置像素比 (DPR)?
DPR 是每個 CSS 像素對應的實體像素數量。標準螢幕的 DPR 為 1;Retina Mac 和多數手機的 DPR 為 2 或 3。高 DPR 螢幕能顯示更清晰的文字與圖片,因為每個 CSS 像素是由多個實體像素繪製而成。
什麼是視埠 (viewport),為什麼它很重要?
視埠是瀏覽器視窗內顯示網頁的區域,不包含工具列與分頁標籤。網頁設計師是根據視埠(而非全螢幕尺寸)來進行響應式排版,因此在回報網站在您裝置上的顯示狀況時,這項數值最為實用。
「可用」螢幕大小是什麼意思?
它是指螢幕總面積扣除常駐的作業系統元素(例如 Windows 工作列或 macOS 選單列與 Dock)後的大小,也就是視窗在不與這些元素重疊的情況下,所能達到的最大尺寸。
偵測到的 HDR 與色域準確嗎?
這是瀏覽器透過 CSS media queries 回報的結果。當螢幕與作業系統皆開啟 HDR 模式時,就會顯示支援 HDR;而廣色域 (Display P3) 則常見於 Apple 裝置及新款手機與螢幕。