スクリーンショット解像度

スクリーンショット解像度は、撮影した画像のピクセル寸法、つまり幅×高さです。画像に残る細部の量を決め、ファイルサイズもおおむねこれで決まります。

関連用語：Retinaスクリーンショット

スクリーンショットを撮ると画質は落ちる？

撮影そのものでは落ちません。スクリーンショットは、その瞬間にディスプレイに表示されているピクセルをそのまま記録します。Macは通常のスクリーンショットを可逆圧縮形式のPNGで保存するため、画面上のピクセルはすべて残ります。macOS Tahoe 26以降を搭載した対応Macでは、HDRで撮影してHEIFファイルとして保存することもできます。

スクリーンショットが実際に見ていた画面より粗く見えるなら、原因はたいてい次のいずれかです。

• 元の画像が実寸より小さく表示されていた： スクリーンショットに入るのは画面上のピクセルだけです。写真やPDFのページをウインドウに合わせて縮小表示していた場合、記録されるのは元のファイルではなく縮小された表示です
• 非可逆形式で保存または共有した： JPEGはファイルを小さくするために細部を捨てるので、文字やくっきりした輪郭の周りがにじみ、色ずれが出ます。アップロード時に画像を縮小したり再圧縮したりするアプリやWebサイトでも同じことが起きます
• より高密度な画面に合わせて引き伸ばされた： 1倍のディスプレイで撮った画像を、ビューアーが2倍のRetina画面に合わせて拡大すると、ぼやけて見えます

同じ内容をより多くのピクセルで撮れば、残る細部も増えます。同じページを2,880×1,800で撮った画像には1,440×900の4倍のピクセルがあり、同じ物理サイズで表示するとよりくっきり見えます。大きな画像はあとから縮小できますが、小さな画像に本物の細部を足すことはできません。

スクリーンショットのピクセル寸法、形式、ファイルサイズ、Retinaの倍率は、スクリーンショット解像度チェッカーで確認できます。ファイルはアップロードせず、ブラウザ内で読み込みます。

解像度を決める要素

• ディスプレイ解像度： 画面のネイティブ解像度が上限です。全画面撮影なら、4Kディスプレイは最大3,840×2,160ピクセル、1080pディスプレイは1,920×1,080ピクセルです
• デバイスピクセル比（DPR）： 高密度ディスプレイはDPRが2倍や3倍で、論理寸法にその倍率が掛かります。幅1,440ピクセルのビューポートを2倍のディスプレイで撮ると、幅2,880ピクセルになります
• ビューポート寸法： ブラウザでの撮影では、ビューポートが撮影する論理的な範囲を決めます。ビューポートが広いほど、スクリーンショットも広くなります
• 撮影ツールの設定： 初期解像度を上書きしたり、DPRを指定したり、実際のディスプレイとは別の寸法で描画したりできるツールもあります

自動撮影ではDPRとビューポートをあらかじめ固定するため、どのパソコンやディスプレイで実行しても毎回同じ寸法で撮れます。

スクリーンショットのファイルサイズはどのくらい？

ファイルサイズはピクセル数とともに増えます。幅と高さを2倍にすると、ピクセル数は4倍です。2,880×1,800のディスプレイで全画面を撮ると、約520万ピクセルになります。1ピクセルあたり3〜4バイトとすると、圧縮前の画像データはおよそ15〜21 MBです。

PNGは細部を失わずに圧縮し、どれだけ小さくなるかは画面の内容で変わります。単色の面や文字が多いアプリ、文書、Webページのスクリーンショットは、圧縮前よりはるかに小さくなります。写真やグラデーション、細かい壁紙は繰り返しのデータが少ないため、大きいまま残ります。JPEGや非可逆WebPは細部を捨ててファイルを小さくするので、文字より写真に向いています。

Webページに数MBのスクリーンショットを載せると、読み込みが遅くなります。フル解像度で撮ってから圧縮し、ページ上の表示サイズに合わせて配信します。

よくある失敗

• 高DPI画面で1倍撮影する： ツールによっては物理ピクセルではなく論理ピクセルで撮り、画面が表示できるものより低い解像度になる場合があります。ネイティブDPRで撮れているか確認します
• 低解像度の画像を拡大する： 1倍画像を2倍寸法へ広げても細部は増えません。画素を補間するため、ぼやけたりにじんだりします。後から拡大せず、必要な解像度で撮影します
• どの用途でも最大解像度を使う： 幅200ピクセルのサムネイルへ3倍画像を使うと、通信量と保存容量を無駄にします。最大表示寸法に、トリミング用の適度な余裕を加えた解像度を選びます
• 文字の多いスクリーンショットをJPEGで保存する： 非可逆圧縮は小さな文字やUIの輪郭をぼかします。UIの画像はPNGか可逆WebPで保存し、写真が中心の画像にはJPEGか非可逆WebPを使います