Web便利ツール集

スクリーンショットの画質が悪くなる原因と直し方|PNG・JPEG保存の落とし穴

スクリーンショット画質画像フォーマットPNGJPEG

資料に貼ったスクリーンショットが文字までぼやけている、Slackで送った画面キャプチャがブロックノイズだらけになる——原因の多くは「撮り方」ではなく「保存・送信の過程でJPEGとして再圧縮されている」ことにあります。PNG形式で保存し、再圧縮の回数を減らせば、ほとんどの劣化は防げます。 原因ごとの見分け方と対処法を整理します。

なぜスクリーンショットの画質が落ちるのか

スクリーンショット自体は、Windowsの「Snipping Tool」やPrintScreen、MacのCommand+Shift+4のいずれも、撮影直後はPNG形式(可逆圧縮)で保存されます。撮った瞬間に画質が落ちることは基本的にありません。劣化が起きるのは、その後の工程です。

原因何が起きているか
JPEGとして保存し直した非可逆圧縮のため、保存するたびに情報が失われる
チャットツールが自動で再圧縮したSlack・LINE・Teamsなどは送信時に画像を圧縮することがある
圧縮済みの画像を再度スクショした元がJPEGの画像をキャプチャすると劣化が重なる
拡大表示してから撮影したブラウザやOSの拡大率が100%以外で、文字の輪郭がにじむ
小さい画像を引き伸ばして使った補間処理でぼやける。圧縮とは別の原因

このうち、資料作成の現場で一番見落とされがちなのが「チャットツール経由の再圧縮」です。

見落とされがちな落とし穴:チャット経由の「孫コピー」

SlackやLINE、Teamsなどのチャットツールは、送信される画像を自動的に圧縮・再エンコードすることがあります。通信量を抑えるための仕様で、多くの場合はJPEGとして再圧縮されます。

ここで問題になるのが、次のような使い回しです。

  1. Aさんが画面をPNGでキャプチャする(劣化なし)
  2. Slackに投稿する(チャットツールが自動でJPEG圧縮)
  3. Bさんがその投稿画像を保存し、資料に貼る(すでに1回劣化)
  4. さらにBさんがその資料をスクリーンショットして別の人に送る(劣化が重なる)

JPEGは保存し直すたびに圧縮ノイズが蓄積する形式のため、「誰かが一度チャットに貼った画像」を経由して使い回すほど、文字の周りに縞状のノイズが目立つようになります。 これは撮影者のミスではなく、経由したツールの仕様によるものなので、原因が分かりにくく、社内マニュアルなどでは「なぜかこの画像だけ汚い」という形で表面化しがちです。心当たりがある場合は、投稿者の元データ(Slackなら添付前のファイル、メールならオリジナル添付)まで遡って保存し直すのが確実です。

保存フォーマットの選び方

スクリーンショットの用途別に、適したフォーマットは変わります。

用途おすすめ形式理由
画面のUI・文字・図表PNG可逆圧縮で輪郭がにじまない。エッジのはっきりした画像に強い
写真や複雑なグラデーションを含む画面JPEG(高品質設定)またはWebP情報量が多い画像はPNGだとファイルサイズが膨らみやすい
Web掲載用でサイズも抑えたいWebP同程度の見た目でPNG・JPEGよりファイルサイズを抑えやすい

文字が多いマニュアルや管理画面のキャプチャは、基本的にPNGを選んでおけば劣化の心配はありません。ファイルサイズが気になる場合は、フォーマットを変えるのではなく、後述のツールで圧縮率を調整するほうが安全です。

既に劣化した画像への対処

一度JPEGとして保存され、ノイズが乗ってしまった画像は、フォーマットを戻しても元の画質には戻りません。非可逆圧縮で失われた情報は復元できないためです。できる対処は次の2つです。

  • 撮影者や投稿者に、圧縮前の元データがないか確認する
  • 元データがなければ、撮り直せるものは撮り直す

「見た目を軽くごまかす」という意味では、シャープ処理をかけて輪郭を強調する方法もありますが、これは劣化を隠しているだけで画質を戻しているわけではない点は理解しておく必要があります。

複数枚をまとめて最適なフォーマットに揃える

資料作成やマニュアル整備で、撮影時期や撮影者がバラバラな画像が混在していると、フォーマットも解像度もまちまちになりがちです。1枚ずつ手作業で変換するのは手間なので、まとめて処理したい場合はブラウザ上で完結するツールが便利です。

  • 画像フォーマット変換:JPEG・PNG・WebPを相互変換。まとめて同じ形式に揃えたいときに使えます
  • 画像圧縮:品質を指定して圧縮し、圧縮前後のサイズを比較できます。フォルダごとドラッグ&ドロップして一括処理も可能です

どちらもブラウザ内で処理が完結し、画像を外部サーバーに送信しません。社内資料など、外部に出したくない画像を扱う場合にも使いやすい構成です。

Webサイトの表示速度を目的とした画像の軽量化については、画像を軽くする方法|JPEG・PNG・WebPの圧縮を使い分ける実務ガイドで判断基準を詳しく解説しています。ダウンロードした画像が.webpのまま開けない場合は、WebPが開けないときの対処法を参照してください。

まとめ

  1. スクリーンショット撮影直後はPNG(可逆圧縮)が基本で、劣化は主に保存・送信の過程で起きる
  2. チャットツールを経由すると自動でJPEG圧縮されることがあり、使い回すほど劣化が蓄積する「孫コピー」に注意する
  3. 文字や図表が中心の画面はPNG、写真的な要素が多い画面はJPEG・WebPを選ぶ
  4. 一度失われた画質は復元できないため、可能なら元データまで遡って保存し直す
  5. 複数枚をまとめて整えたい場合は、フォーマット変換・圧縮ツールをブラウザ上で使うと手早い

この記事で使うツール

関連記事