PNG JPG 違い：スクリーンショットに向く形式は？
2026年10月31日 · 1 min read
PNG JPG 違いをスクリーンショットで考えると、たいていは PNG が向いています。PNG は可逆圧縮なので、文字、アイコン、UI の輪郭がくっきり残ります。JPG は非可逆圧縮で、写真に向いていてファイルも小さくなりますが、細い線がにじんだり、文字の周りに色のにじみが出たりします。MDN の画像形式ガイドも、PNG はスクリーンショット、図、線画に、JPEG は主に写真に向くとまとめています。
PNG と JPG の比較
| PNG | JPG | |
|---|---|---|
| 圧縮 | 可逆 | 非可逆 |
| 透過 | あり | なし |
| 向いている用途 | スクリーンショット、文字、図、UI | 写真やグラデーションのある画像 |
| 文字とくっきりした輪郭 | くっきりのまま | にじみや色ずれが出ることがある |
表は MDN の画像ファイル形式ガイド に沿っています。MDN は、文字やくっきりした輪郭の周りのぼやけや色のにじみはとても目立つため、スクリーンショット、図、ロゴ、線画には可逆圧縮を勧めています。
PNG を選ぶとき
- アプリ、Web サイト、設定画面、エラー メッセージのスクリーンショット。
- 誰かが読む必要のある小さな文字を含むもの。
- 背景を透過したい画像。
写真の多いページの PNG は重くなることがあります。すべてのピクセルを残す代償です。
JPG を選ぶとき
- 商品ギャラリーなど、ほとんどが写真のスクリーンショット。
- サイズ制限のあるフォームなど、ファイルを小さくしたいとき。
- 多少なめらかになっても困らないとき。
どちらよりも PDF が向いているとき
読む、印刷する、文書として送る長い Web ページなら、縦長の画像より PDF のほうが扱いやすいです。画像 PDF 変換の方法 をご覧ください。
形式を選ぶ場所
多くのツールは自動で決めます。Chrome の DevTools と Firefox のスクリーンショット ツールは PNG で保存します。macOS Tahoe 26 以降では、スクリーンショット アプリの オプション で PNG と HEIF を選べると Apple のガイド にあります。既存のファイルを変えるには、Mac のプレビューで開いて ファイル > 書き出す から形式を選びます。手順は Apple の説明 のとおりです。
Chrome では、Full page screenshot が各キャプチャ モードの横に選択肢を置いています。くっきりした文字なら PNG、小さいファイルなら JPG、文書なら PDF です。ページ全体を画像で保存する方法は Web ページ 画像 保存 をご覧ください。
よくある質問
PNG は JPG より高画質ですか？
スクリーンショットならそうです。PNG は可逆なので何も失われません。JPG は容量を減らすために細部を捨て、特に文字やくっきりした輪郭で目立ちます。
PNG のスクリーンショットが重いのはなぜ？
PNG はすべてのピクセルを残します。写真の多いページは大きなファイルになります。サイズが鮮明さより大事なら JPG で保存してください。
PNG のスクリーンショットを JPG に変換できますか？
できます。Mac ならプレビューで開いてファイル > 書き出すで JPEG を選びます。Windows ならペイントで開いて名前を付けて保存から JPEG を選びます。