PNG vs JPG vs WebP：スクリーンショットに最適なフォーマット（2026年）

ほとんどのスクリーンショットにおいて、PNGが最も安全なデフォルトです。ロスレスであるため、テキスト、コード、インターフェースのエッジが極めてくっきりした状態を保ち、透明度にも対応しています。JPGを選ぶべきなのは、画像の大部分が写真で、わずかなぼけが目立たず、ファイルサイズを大幅に小さくできる場合だけです。WebPは、PNG並みの鮮明さをより小さいサイズで得たい場合や、画像が使われるすべての場所で開ける場合に選んでください。このガイドでは実際の違いを説明したうえで、スクリーンショットの用途ごとに適したフォーマットを紹介します。

これはMaxisnapが公開しているガイドです。MaxisnapはWindows向けのスクリーンショット・画面録画ツールを提供しているため、関連する場面で紹介していますが、以下のフォーマットのルールはどのツールで撮影したスクリーンショットにも当てはまります。

PNG、JPG、WebPの違いは何ですか？

核心的な違いは、各フォーマットがどのように圧縮するかです。PNGは ロスレス — 何も捨てないため、スクリーンショットは撮影したとおりの見た目になり、ユーザーインターフェースの単色とくっきりしたテキストに最適です。JPGは 非可逆 — ファイルを小さくするためにディテールを捨てるため、写真には問題ありませんが、テキストや直角のエッジの周囲に目に見えるにじみを残します。WebPはより新しいフォーマットで、 両方 ロスレス圧縮と非可逆圧縮の両方に対応しており、同じ品質であれば通常どちらよりも小さくなります。ここでは、スクリーンショットにとって重要なポイントでそれぞれを比較します。

スクリーンショットに最適なフォーマットは？

PNGはロスレス（可逆圧縮）方式であるため、スクリーンショットに最も適したオールラウンドな選択肢です。スクリーンショットの大部分は単色の塗り、くっきりしたテキスト、細い線、直角のエッジで構成されており、これはまさに非可逆圧縮が最も苦手とする種類のコンテンツです。同じキャプチャをJPGで保存すると、すべての文字の周囲にうっすらとしたグレーのハローや斑点が生じます。これはリンギング（モスキートノイズ）と呼ばれる欠陥です。PNGは各ピクセルを正確に保存するため、エラーメッセージは読みやすいままで、コードスニペットも判読可能な状態を保ち、後でトリミングや拡大をしても画質が劣化しません。また、キャプチャ時に透明な背景があった場合はそれも保持されます。これはJPGにはまったくできないことです。

代わりにJPGを使うべきなのはどんなときですか？

スクリーンショットの大部分が写真やなめらかなグラデーションで、ピクセル単位の正確さよりもファイルサイズが重要な場合はJPGを使用してください。JPGの非可逆圧縮は、撮影した写真や動画の静止画、リッチな背景といった階調が連続するコンテンツに対して非常に効率的で、そこで失われるディテールは実際にはほとんど見分けがつきません。しかし、キャプチャにくっきりしたUIテキストや細い線が含まれていると、JPGはそれらをにじませ始め、しかも保存し直すたびに劣化が積み重なってさらに画質が落ちていきます。原則として、写真のようなコンテンツはJPGで問題ありませんが、読めるテキストを含むものはPNGかロスレスWebPで保存すべきです。

WebPやAVIFはどうですか？

WebPはしばしば両方のいいとこ取りです。PNGのようにロスレスにも、JPGのように非可逆にもでき、透明度とアニメーションにも対応していて、同じ見た目の品質であれば従来の形式よりも小さくなります。WebPを開発したGoogleによると、ロスレスWebP画像はおよそ PNGより26%小さい 、非可逆WebP画像はおよそ 同等のJPEGより25–34%小さい。現在のすべての主要ブラウザはWebPに対応しており、だからこそ今では多くのウェブサイトがWebPを配信しています。唯一注意すべき点はブラウザの外での対応状況です。一部の古いデスクトップアプリ、チャットツール、文書編集ソフトは今でもWebPのアップロードを受け付けないため、他の人に渡すファイルや特定のアプリに貼り付けるファイルについては、まずそこで開けるかどうかを確認するか、PNGにフォールバックしてください。AVIFはさらに圧縮率の高い新しいフォーマットですが、アプリやツールの対応はさらに限定的なため、誰かに送る安全な形式というよりは、ウェブ配信向けの選択肢です。

送り先ごとにどのフォーマットを使うべきか？

適切なフォーマットは、スクリーンショットの内容そのものよりも、それがどこに使われるかによって決まります。ウェブページに掲載するキャプチャと、バグチケットに添付するキャプチャ、AIアシスタントに貼り付けるキャプチャとでは、制約が異なります。

リサイズや保存し直しによって、適切な選択は変わりますか？

はい。スクリーンショットの保存方法とサイズは、フォーマット名そのものと同じくらい重要です。画質を高く保つ習慣は2つあります。ソースが最初からくっきりしているようにネイティブ解像度でキャプチャすること、そして非可逆形式のファイルを繰り返し保存し直さないことです。JPGは保存するたびに少しずつ劣化するためです。フル解像度のPNGが送り先には単純に大きすぎる場合、解決策は強いJPG圧縮で潰すのではなく、サイズを縮小することです。小さなPNGは、たいていアーティファクトだらけの大きなJPGに勝ります。これはまさにMaxisnapの AI 最適化書き出し は、コーディングアシスタントに渡すスクリーンショットに対してまさにこれを行います。ワンクリックで、デフォルトの最大幅である 1600 px （設定で変更可能）、モデルがどのみち縮小してしまう解像度にトークンを浪費することなく、はっきり読み取れるサイズに調整されます。スクリーンショットに機密情報が含まれている場合、Maxisnapのぼかしツールはファイルが書き出される前に不可逆的にその部分を消去するため、送信したものから復元することはできません。

リサイズしてもファイルが特定の送り先には大きすぎる場合、確実な方法はファイルの代わりにリンクを共有することです。一度アップロードしてURLを貼り付ければ、あらゆる添付ファイルの上限を回避できます。MaxisnapはキャプチャをMaxisnap Cloudにアップロードして共有リンクを発行できます。コーディングアシスタントにスクリーンショットを渡す際の具体的な方法については、 AIコーディング向けのスクリーンショットツール のガイドがさらに詳しく解説しており、 スクリーンショットがぼやける理由 は、解像度と再圧縮の落とし穴について詳しく解説しています。

よくある質問

スクリーンショットにはPNGとJPGのどちらが良いですか？

ほとんどすべてのスクリーンショットにおいて、PNGの方が優れています。スクリーンショットはくっきりしたテキストと単色のUIカラーで構成されており、PNGのロスレス圧縮はそれらを完璧にくっきりと保ちますが、JPGの非可逆圧縮はエッジやテキストの周囲に目に見えるにじみを残します。JPGを使うべきなのは、キャプチャの大部分が写真で、ファイルサイズを小さくする必要がある場合だけです。

JPGのスクリーンショットで、テキストの周囲がぼやけて見えるのはなぜ？

JPGはくっきりしたエッジ向けではなく、写真向けに作られた非可逆形式だからです。ファイルを小さくするために細かいディテールを捨てるため、それが文字や線の周囲にグレーのハローや斑点として現れます。これがリンギングです。代わりにスクリーンショットをPNGかロスレスWebPで保存すれば、テキストはきれいなままです。

スクリーンショットにはWebPを使うべきですか？

はい、スクリーンショットをウェブ上で表示する場合や、WebPに対応していると分かっているツールで開く場合は使用できます。ロスレスWebPはPNGと同等にくっきりしていながらサイズは小さく、最新のブラウザであればどれでも表示できます。メールで送る場合や古いアプリにアップロードする場合は、ブラウザ外でのWebP対応がまだ不揃いなため、PNGの方が安全な選択です。

透明な背景を保持できるフォーマットは？

PNGとWebPはどちらも透明度に対応していますが、JPGは対応していません。スクリーンショットに透明な部分がある場合（切り抜いたアイコンや背景なしのUI要素など）は、PNGかWebPで保存してください。JPGで保存すると、透明な部分は単色（多くは白か黒）で塗りつぶされてしまいます。

ChatGPTやClaudeにスクリーンショットを送る際に最適なフォーマットは？

フル4Kではなく適切なサイズに調整したくっきりしたPNGが、最も信頼できる選択です。フォーマットそのものよりも判読性の方が重要です。モデルは画像内のテキストを読み取る必要があるからです。幅が1600 px前後のキャプチャであれば、アップロードを小さく保ちながら鮮明さも維持できます。だからこそMaxisnapのAI最適化画像エクスポートは、そのデフォルト幅を採用しています。

JPGとして何度も保存し直すと画質は落ちますか？

はい。JPGは非可逆形式であるため、JPGファイルを開いて編集し、保存し直すたびに、さらにディテールが失われ、アーティファクトが積み重なっていきます。これは世代劣化と呼ばれる現象です。これを避けるには、ロスレスのマスターファイル（PNGまたはロスレスWebP）を保持・編集し、必要な場合に限り、最終工程で一度だけJPGにエクスポートしてください。