影格比較測試
五列動畫按 30、60、120、144、240 的節拍移動。你的螢幕每秒只能畫有限的次數,高於這個上限的列會看起來幾乎一樣。
快捷鍵:F 全螢幕 · 空白鍵 暫停 · ←/→ 調速 · Esc 離開。目前參數已寫入網址,可直接複製分享。
看哪一列最順暢、最清晰,那就是你螢幕能跑到的更新率。角色姿勢不變,各列只差畫面更新的快慢。
盯住像素角色看:每一列每格都只移動整數像素。影格率低的列會一頓一頓,全格那列最順;看不出差別時,代表螢幕沒跑到那個更新率。眼睛、描邊和條紋邊緣糊成一片,就是拖影。
每一列只在自己的時間點上跳動。螢幕更新更低時,更高的列會被收成同一次繪製,所以它們不會更順。
這組比較在做什麼
五列使用同一段路程,但前進的時刻不同。30 的一列大約每 33 毫秒跳一格,60 大約每 17 毫秒,144 大約每 7 毫秒。瀏覽器真正把畫面送到螢幕上的次數,不會超過這塊螢幕目前的更新率。所以在 60Hz 的螢幕上,120、144 和 240 往往黏在一起;在 144Hz 的螢幕上,30、60、120、144 還能分開,240 則常常和 144 看不出差別。這不是動畫壞了,而是螢幕沒有更多的繪製機會。
60Hz 和 144Hz 差在哪?同一個像素角色,同樣的速度
看哪一列最順暢、最清晰,那就是你螢幕能跑到的更新率。角色姿勢不變,各列只差畫面更新的快慢。
- 60Hz 每 16.67 ms
- 144Hz 每 6.94 ms
每條跑道裡的角色都以每秒 360 像素前進,只是換畫面的間隔不同。60Hz 每 16.67 毫秒才更新一次,每次要跳約 6 像素,看起來一頓一頓;144Hz 每 6.94 毫秒更新一次,每次只挪約 2.5 像素,動態更連貫,眼睛追蹤時也更清楚。底部的小刻度是最近幾格的落點,刻度越密,畫面越順。
影格率和更新率不要當成同一個數
影格率是每一秒有多少張新畫面。更新率是螢幕每一秒能換多少次。更新率是上限,影格率是供給。144Hz 的螢幕如果只有 60 張新畫面,多出來的更新只是在重複同一張圖,看起來不會比 60Hz 順多少。反過來,影格率高於更新率時,多出來的畫面會被丟掉。電影常見每秒 24 格,在高更新率螢幕上仍然是 24 張新畫面,選單和滑鼠則會用滿螢幕的更新。
怎麼用比較判斷螢幕有沒有跑滿
先看 30 和 60 是否明顯不同。如果連這兩列都一樣,頁面可能在背景,或瀏覽器把繪製壓得很低,換全螢幕再看。若 60 和 120 分得開,代表目前輸出高於 60Hz。若 144 和 240 完全分不開,而你的螢幕標稱就是 144Hz,這是正常的。若標稱 240Hz 但 144 和 240 也分不開,再去系統裡核對輸出是不是被限制在 144Hz 或更低。想看一個具體的赫茲讀數時,開啟更新率測試。
常見問題
為什麼高檔位看起來一樣?
那些檔位已經高於螢幕目前的更新率。瀏覽器每一拍只能畫一次,多出來的節拍沒有機會顯示,所以那幾列會黏在一起。
30 和 60 看不出差別,正常嗎?
不正常。這兩檔在 60Hz 螢幕上也應該分得開。先確認這個分頁在前景,再用全螢幕看一次。若仍然一樣,瀏覽器可能把這個頁面的繪製壓低了。
144 和 240 肉眼差多少?
只有螢幕本身高於 144Hz 時,這兩列才可能分開。在 144Hz 螢幕上它們應當幾乎一樣。差不差得開,比口號更有用。
電影是 24 格,高更新率還有用嗎?
電影仍然是那些影格。高更新率主要讓桌面、選單和滑鼠更順,不會把 24 格的影片變成 240 張新畫面。播放器若做了動態插補,那是另一件事。
遊戲影格數上不去時,換更高更新率的螢幕有用嗎?
螢幕只能顯示已經畫出來的影格。顯示卡穩定在 60 格時,144Hz 螢幕上的遊戲畫面仍然接近 60 格。桌面和滑鼠會更順,遊戲本身不會自動變順。
這些列是怎麼動的?
頁面用一個動畫循環,按每列自己的間隔更新位置,位置變化只用位移,不改版面。所以 30 的列跳得稀,144 的列跳得密,但能不能看出來取決於螢幕更新率。