MacをフルHD外部ディスプレイに繋ぐと画像が荒くなる理由
Macを外部ディスプレイに繋いだら、画像やフォントがなんかぼやけてる気がする…！
MacBook単体で見るとすごく綺麗なのに、なんで外部ディスプレイだとこんなに差が出るの？
それはMacが採用している「Retinaディスプレイ」と外部のフルHDディスプレイの仕組みの違いが原因だよ！
少し仕組みを理解すると「なるほど！」となるから、一緒に見ていこう。
この記事のポイント
情報
- Retinaディスプレイとは何か
- フルHD外部ディスプレイに繋いだ時に画像がぼやける理由
- Retina対応のためにサーバー側が必要なこと
- AppleのサイトでRetinaについて確認できる場所
Retinaディスプレイとは？
まず「Retina（レティナ）ディスプレイ」について説明します。
Retinaディスプレイとは、Appleが開発した高解像度ディスプレイのことです。人間の目では個々のピクセル（点）を識別できないくらい細かく密度が高く、なめらかで美しい表示が特徴です。
情報
ピクセルとは？
ディスプレイの画面は、非常に小さな光の点（ピクセル）が格子状に並んで構成されています。このピクセルの数が多いほど、細かい表現ができて画像が綺麗に見えます。
Retinaディスプレイの大きな特徴は、通常のディスプレイと比べて同じ面積に約4倍のピクセルが並んでいることです。
たとえば、MacBook Proでは200PPI（1インチあたりのピクセル数）以上あります。一方、一般的なフルHDディスプレイ（27インチ）はおよそ81PPI程度です。単純計算でも、Retinaはフルの6倍以上の密度があることになります。
そして、MacBook上で表示されているコンテンツ（アプリのUI、画像、文字など）は、この4倍のピクセルをフル活用して描画されています。だから、MacBook単体で見ると非常に滑らかで綺麗なのです。
なぜ外部ディスプレイに繋ぐと画像がぼやけるの？
ここからが本題です。
4ピクセルで表示していたものを1ピクセルで表示するから
Retinaディスプレイでは、1つの点を描くのに**4つのピクセル（2×2）**を使います。これだけ細かく描くから、エッジが滑らかで綺麗に見えます。
ところが、フルHDの外部ディスプレイはピクセル密度が低いため、同じ面積の中にそれほど多くのピクセルがありません。つまり、Retinaで4ピクセル使って描いていた情報を、フルHDでは1ピクセルで表現しなければならないのです。
当然、情報量は4分の1に落ちます。この「情報の欠落」が、画像のぼやけや文字の荒さとして現れます。
| Retinaディスプレイ | フルHDディスプレイ | |
|---|---|---|
| 1点を描くのに使うピクセル数 | 4ピクセル（2×2） | 1ピクセル |
| 表示できる情報量 | 多い | 少ない（Retinaの4分の1） |
| 画質の印象 | 滑らか・鮮明 | やや荒い・ぼやける |
MacBook単体で見ていた時の綺麗さは、この高密度ピクセルによるものです。フルHDに繋いだ途端に「荒い」と感じるのは、それまでがRetinaの恩恵を受けていたからともいえます。
Retina対応のためにサーバー側が準備すること
Retinaと外部ディスプレイの話をするついでに、少しだけ技術的な話もしてみます。
Webサイトやアプリの画像を配信するサーバー側では、Retinaに対応するために縦横それぞれ2倍の解像度、つまり合計4倍のピクセル数を持つ画像を用意しておく必要があります。
なぜかというと、Retinaディスプレイは「もっと細かい画像データをくれ」とサーバーにリクエストするからです。このリクエストに応えられる高解像度画像がなければ、解像度の低い画像をRetina上で引き延ばして表示することになり、結果的にぼやけた見た目になってしまいます。
情報
@2x画像とは？
Webサイトやアプリのアセット（画像素材）に「@2x」という表記を見かけることがあります。これは縦横それぞれ2倍（= ピクセル数4倍）のRetina用画像のことです。Retinaで表示するときは自動的にこの高解像度版が使われます。
逆に言うと、@2x画像を用意していないサービスでは、Retina環境でも画像がぼやけて見えることがあります。
つまり、Retinaで綺麗に見えるかどうかは、ディスプレイだけでなくコンテンツを配信するサーバー側の対応にもかかっている、ということです。
Appleの公式サイトでRetinaについて確認するには？
Appleの公式サイトでは、各MacBook・iMacなどの製品ページに「Retinaディスプレイ」の記載があります。
各製品のスペック情報を見る方法は以下の通りです。
Apple公式サイトを開く
apple.com/jp/macを開きます。
気になるMacの製品ページへ移動
MacBook Air・MacBook Pro・iMacなど、確認したい製品をクリックします。
「技術仕様」を開く
製品ページの下部にある「技術仕様」リンクをクリックすると、ディスプレイの解像度やPPIが詳細に記載されています。
たとえば、MacBook Airの技術仕様ページには「2560 x 1664ピクセル解像度、224 ppi、数百万色対応」などの記載があります。この「ppi」の数値がRetinaの密度を示しています。
フルHDの外部ディスプレイのPPIと見比べると、いかにRetinaのピクセル密度が高いかが一目でわかります。
外部ディスプレイでの表示を少しでも改善するには？
完全にRetinaと同じ品質にすることは難しいですが、いくつかの方法で改善できます。
- 4K（UHD）ディスプレイを使う：4K（3840×2160）対応のディスプレイであれば、MacのHiDPIモードが適用されやすく、Retinaに近い鮮明さで表示できます。
- ディスプレイ解像度の設定を調整する：システム設定 → ディスプレイ から、外部ディスプレイの解像度をHiDPIモードに対応した設定に変更できる場合があります。
- フォントのアンチエイリアス設定を確認する：macOSのフォントスムージング設定を見直すことで、テキストの見え方が改善されることがあります。
まとめ
MacをフルHD外部ディスプレイに繋いだ時に画像が荒く見える理由を整理すると——
- MacのRetinaディスプレイは通常の約4倍のピクセルを持ち、それに対応したコンテンツが表示されているため非常に綺麗に見える
- フルHDに移すと、Retinaで4つのピクセルを使って描いていた情報を1つのピクセルで表現しなければならず、情報が落ちて荒く見える
- Retina対応のためにサーバー側は縦横それぞれ2倍（合計4倍）のピクセルを持つ画像を用意しておく必要がある
この仕組みを知っていると、外部ディスプレイを選ぶ時に「4K対応」を意識するようになるかもしれません。より快適なMac環境を目指すなら、ディスプレイ選びも大切なポイントです！
Thanks for reading!
最後まで読んでくれてありがとう🔥