今すぐやるべき「ディスプレイの設定」と「4K以上の高解像度ディスプレイ」に買い替たほうがいい理由
![](https://image.news.livedoor.com/newsimage/stf/1/1/11698_88_00ce3521d3381ca1460e799e024d52d9.jpg)
ハイエンドなグラフィックボードだけでなく、1万円以下のローエンドグラフィックボード「Radeon RX 550」も4K出力をサポートするなど、高解像度なディスプレイ環境はますます構築しやすくなっています。プログラマーのNikita Prokopov氏は、「今こそモニターをアップグレードする時だ」と、低解像度なモニターを使っている人に対し、高解像度モニターへの買い替えをすすめています。
https://tonsky.me/blog/monitors/
Prokopov氏はプログラマーであるため、「きれいに文字を表示する」ことに特化したモニター環境の最適化を行っており、正確な色表現や色域はあまり気にしていないとのこと。Prokopov氏がTwitterでアンケートを行ったところ、およそ43%の回答者が150dpi以下のモニターを使用していることが判明しました。「低解像度ディスプレイの時代は終わりました、高解像度ディスプレイは今や当たり前です」とProkopov氏はコメント。
Your _primary_ working monitor dpi? Use this tool to calculate https://t.co/SY8Sfd1KER Thanks!— Niki Tonsky (@nikitonsky) May 12, 2020
◆フォントヒンティング
Prokopov氏はプログラマー用に開発された等幅フォント「Consolas」を低解像度と高解像度で表示し、その見え方を比較しています。14ピクセルの解像度で「Bug」という文字を表示するとこんな感じ。どれだけフォントのデザインが優秀でも、文字部分が数ピクセルでは何も表すことができません。
![](https://image.news.livedoor.com/newsimage/stf/9/f/9f6b4_88_c87c7f7e1dd615ffc0946bb3e4563659.png)
対してこれが168ピクセルで表示した「g」。当然ですがくっきりと表示されています。
![](https://image.news.livedoor.com/newsimage/stf/0/c/0c055_88_cba0fe8b1b2f0f5d84804d5becd2a811.png)
Windowsではこうした問題に対処するため、強力なフォントヒンティングが行われているとのこと。macOSで表示した左側の文字よりも、Windowsで表示した右側の文字の方が読みやすく感じます。
![](https://image.news.livedoor.com/newsimage/stf/b/7/b78f7_88_655d4334a86fd263a28316d3ef2c1583.png)
ただし、フォントヒンティングでも文字の見え方が「ましになる」だけで「いい」わけではないとProkopov氏。フォントヒンティングによって文字の形が崩れてしまうことがあるといった問題も指摘されています。
![](https://image.news.livedoor.com/newsimage/stf/0/e/0e10c_88_15da5ee292a232771de1262c9ac4c524.png)
また、フォントヒンティングでは少し文字を表示するピクセルがずれるだけで、表示が大きく異なってしまうとのこと。Prokopov氏は「#」を例に取り上げています。
![](https://image.news.livedoor.com/newsimage/stf/6/0/60084_88_2e01e9c477ff470572ad7a84af369633.png)
水平な横棒を少し下にずらすと、とたんに文字が不鮮明になってしまいました。
![](https://image.news.livedoor.com/newsimage/stf/7/c/7c661_88_e1dd5dc925772e6ffe6568ed5731d663.png)
ディスプレイのピクセルは垂直に並ぶ三色のサブピクセルで構成されているので、サブピクセルごとに表示を変えれば、実質的に水平方向の解像度を3倍にできるとProkopov氏。
![](https://image.news.livedoor.com/newsimage/stf/3/3/333b9_88_6504993dbfabd4914612a0d5a6b41239.png)
しかし、ピクセルは3色の組み合わせによって色を表現するので、この方法では文字がカラフルに表示されてしまいます。
![](https://image.news.livedoor.com/newsimage/stf/8/a/8a26f_88_a8afad53a8ff039be8be76b8b4a14cc3.png)
この問題を解決するには、各サブピクセルの色を黒から逸脱させる妥協が必要とのこと。
![](https://image.news.livedoor.com/newsimage/stf/1/7/17a83_88_0a29f77b067453a82b26c4d16db68b54.png)
これによって読みやすさは向上しましたが、黒で表示したい文字が青緑とオレンジがかってしまっています。こうしたトリックは低解像度のディスプレイには必須ですが、優れたディスプレイがなかった時代の妥協点でもあるとProkopov氏は語っています。
![](https://image.news.livedoor.com/newsimage/stf/3/f/3fe23_88_11bd59baecd0a2e65b85c013ebdf2a91.png)
◆MacBookシリーズでのディスプレイ設定
Prokopov氏はRetinaディスプレイを搭載するMacBookシリーズで2つの「必ずやるべきこと」を列挙。1つ目は「Use font smoothing when available(使用可能な場合は滑らかな文字を使用)」の設定を「オフ」にすることです。
![](https://image.news.livedoor.com/newsimage/stf/8/8/88189_88_d7cd1a8262659d78c6d54465e723807f.png)
この機能はサブピクセルアンチエイリアシングを有効にするものでしたが、2018年にAppleはmacOSからサブピクセルアンチエイリアシング機能を削除しているとのこと。現在は設定をオンにしても文字が少し太くなるだけであり、フォントの形を崩すだけだとProkopov氏は指摘しています。
![](https://image.news.livedoor.com/newsimage/stf/1/e/1eebb_88_e65d39d93a666f57785015143ef1cb17.png)
また、Prokopov氏は2つ目の設定として「整数倍の拡大」を行うようにすべきと指摘。例えば、15インチのMacbook Pro Retina 2012年モデルは2880×1800の解像度を持つスクリーンを搭載していますが、macOSが対応している論理的なスケーリング解像度は1920x1200であり、整数ではない倍率で拡大を行っているとのこと。画像の左側はOSのUIが持つ解像度、右側はディスプレイの解像度を表しています。
![](https://image.news.livedoor.com/newsimage/stf/f/5/f50ef_88_5167660e3b6fd08fcddba570b2ba7956.png)
整数倍によるピクセルの拡大が行われていないことにより、UI側での1ピクセルをディスプレイ側の1ピクセルと対応させることができない場合があるとProkopov氏。
![](https://image.news.livedoor.com/newsimage/stf/d/1/d17f3_88_4372957851d6ef94871b2b9e90a40ffd.png)
こうした整数倍ではない拡大により、ウィンドウの表示位置によってUIがぼやけるといった問題が生じるとのこと。Prokopov氏はこの設定がデフォルトであることを問題視しています。
![](https://image.news.livedoor.com/newsimage/stf/6/d/6d59b_88_b9500391a1d2ce0ed29092e74d1652fd.png)
こうした問題はディスプレイの設定で「Scaled(変更)」を選択し、ディスプレイの解像度に対して整数倍の解像度を選択することで解決できるとのこと。「Display Menu」といったサードパーティーのアプリを使うことでも設定できます。
![](https://image.news.livedoor.com/newsimage/stf/4/e/4ef6c_88_3a1feae1a0fee42f15034e3aba15d8f4.png)
Windowsには「ClearType」というアンチエイリアシング機能が搭載されていますが、すべてのソフトで機能をオフにできる統合的なUIがなく、オフにしても見た目がひどくなるため、オンのままにしておくのがいいとのこと。
![](https://image.news.livedoor.com/newsimage/stf/d/e/dedba_88_1391c1b158595aa19893fd5aff3a6004.png)
◆ディスプレイ選定
ディスプレイ選びのポイントとして「5Kや6K、最低でも4K以上の解像度」「整数倍のスケーリングを行う」ことが大切だとProkopov氏。4Kモニターで2倍のスケーリングを行えば、表示できる範囲という観点では1080pと同じですが、にじみのないUIや文字を表示することができます。
![](https://image.news.livedoor.com/newsimage/stf/9/f/9f371_88_4f436b8786da467bdec00373a4edb58a.jpg)
また、Prokopov氏が「かつて世界は『高解像度ディスプレイ』と『高リフレッシュレートディスプレイ』の2つの陣営に分かれていました」と語っているように、ディスプレイ選びにおいてリフレッシュレートも重要な要素です。リフレッシュレートが120Hzの4Kディスプレイは、ゲーマーからもクリエイターからもあまり需要がなかったそうですが、Prokopov氏は「120Hzの4Kモニターという選択肢もある」とコメントしており、この発見こそが今回の記事を書く動機になったと語っています。
120Hzのリフレッシュレートに対応したディスプレイを使うことにより、アニメーションやスクロールがスムーズになり、1つのディスプレイでゲームも仕事もこなせるようになるとのこと。モニターの更新間隔は30Hzの場合は32ミリ秒、60Hzの場合は16ミリ秒、120Hzの場合は8ミリ秒なので、30Hzから60Hzへの更新による16ミリ秒の短縮よりも、60Hzから120Hzへの更新による8ミリ秒の短縮の方が影響が少ないものの、60Hzから120Hzへのアップグレードも差を実感できたとProkopov氏は語っています。
最終的にProkopov氏がオススメするディスプレイが下記。
Amazon | ASUS ゲーミングモニター 27インチ ROG SWIFT PG27UQ(4K/量子ドットIPS/HDR10/4ms/144Hz/G-SYNC/直下型LED/Aura Sync/HDMI/DP) | ASUSTek | パソコン・周辺機器 通販
Amazon | Acer Predator X27 LED display 68.6 cm (27") 4K Ultra HD Flat Black | Acer | パソコン・周辺機器 通販
Amazon | Acer ConceptD 4Kディスプレイ IPSモニター CP7271KPbmiphzx 27インチ Delta E1未満 Adobe RGB 99% DisplayHDR 1000 Pantone認証 高さ調整 クリエイター向け | ConceptD | ノートパソコン 通販
なお、現在Prokopov氏が使用しているのは「Acer Nitro XV273K」とのこと。
Amazon | Acer Nitro XV273K Pbmiipphzx 27" UHD 3840 x 2160 IPS AMD Radeon FreeSync and NVIDIA G-SYNC Compatible Monitor, DisplayHDR400, Quantum Dot, 144Hz, 1ms, DCI-P3, Delta E1 | Acer | パソコン・周辺機器 通販
また、「すべての人間には夢が必要だ」として、記事作成時点で唯一市販されている8Kモニター「Dell UP3218K」もリストアップされていました。
Amazon | Dell ディスプレイ モニター UP3218K 31.5インチ/8K/IPS非光沢/6ms/DP/Adobe RGB 100 %/USBハブ/フリッカーフリー/3年間保証 | Dell | ディスプレイ 通販