用語
画像形式
画像形式は、画像をどのように符号化、圧縮、保存するかを定めるファイルの種類です。画質、ファイルサイズ、透過への対応、互換性が変わります。
主な画像形式の比較
よく目にする4つの形式は、PNG、JPG、WebP、AVIFです。それぞれ重視する点が異なります。
- PNG: 可逆圧縮と透過に対応し、ファイルは大きくなる傾向があります。各ピクセルを正確に保つため、文字、UI要素、鋭い輪郭を含むスクリーンショットの標準的な選択肢です。4つの中ではファイルサイズが最も大きくなるのが一般的です
- JPG: 非可逆圧縮を使い、透過には対応しません。小さいファイルを作れます。滑らかなグラデーションを含む写真向けの形式です。画質設定を下げると鋭い輪郭や文字の周りにノイズが出るため、スクリーンショットにはあまり向きません
- WebP: 可逆圧縮と非可逆圧縮、透過に対応します。同等の画質ならPNGやJPGより小さくなるのが一般的です。現在のブラウザで広く使え、汎用的な選択肢です
- AVIF: 4つの中では最も新しく、高い圧縮効率を持ちます。可逆と非可逆の両方、透過に対応します。ブラウザ対応は広がっていますが完全ではなく、エンコードにはほかの形式より時間がかかります
各形式が適する場面
- PNG: 文字の鮮明さとピクセル単位の正確さを最優先する場合や、受け取る人が古いソフトウェアを使う可能性がある場合。ドキュメント、バグ報告、コンプライアンス用の記録に向いています
- JPG: 写真が中心で、ファイルサイズを優先し、透過が不要な場合。多少の画質低下を許容できるマーケティング写真、SNS画像、メール添付に使えます
- WebP: 現在のWebブラウザへ配信し、画質を大きく損なわずファイルを小さくしたい場合。ブログ画像、製品ページ、Web上のドキュメントに向いています
- AVIF: できるだけ小さく圧縮し、未対応環境へ代替形式を配信できる場合。表示性能を重視するWebページや、画像の多いアプリに向いています
画像形式とスクリーンショットの画質
保存形式は、スクリーンショットの見た目に直接影響します。文字の多いUIを標準的な画質設定のJPGで保存すると、文字やインターフェースの輪郭にノイズが見えます。同じ画像をPNGで保存すればピクセルを正確に保てますが、ファイルは2〜5倍大きくなる場合があります。
自動撮影、一括書き出し、視覚的なドキュメントなど、多数のスクリーンショットを作る工程では、形式の選択による差が積み重なります。PNGの代わりに可逆WebPを使うと、画質を変えずに保存容量を20〜30%減らせる場合があります。JPGならさらに小さくできますが、小さい表示では文字を読みにくくするノイズが入ることがあります。
撮影前に出力形式を選べるツールなら、あとから変換せず、初めから用途に合う形式で保存できます。
よくある失敗
- 文字入りのスクリーンショットをJPGにする: JPGの非可逆圧縮では、鋭い輪郭や文字の周りにノイズが出ます。読ませる文字がある画像には、PNGまたは可逆WebPを使います
- ファイルサイズが重要でもPNGを選び続ける: PNGは大きくなりがちです。Webで配信し、文字の鮮明さを厳密に求めない場合は、非可逆WebPやAVIFで大幅に小さくできます
- 透過の要件を確認しない: JPGは透過に対応しません。透明背景のスクリーンショットをJPGで保存すると、アルファチャンネルが通常は白などの単色で埋まり、あとから元へ戻せません
- 非可逆形式の間で何度も変換する: 非可逆形式で再エンコードするたびに画質が落ちます。形式を変える場合は、必ず元の可逆画像から変換してください
よくある質問
スクリーンショットに適した画像形式は?
迷った場合はPNGが安全です。可逆圧縮により文字やUIの輪郭を鮮明に保ち、透過にも対応します。Webで使い、ファイルサイズを抑えたい場合は、可逆WebPも有力な選択肢です。
可逆形式と非可逆形式の違いは?
PNGなどの可逆形式は、すべてのピクセルを正確に保ちます。JPGなどの非可逆形式は、一部のデータを捨ててファイルを小さくします。ファイルサイズと元の画質をどこまで保つかの兼ね合いです。
AVIFを使うべきですか?
AVIFは高い圧縮効率を持ちますが、ブラウザやツールの対応状況はまだ一様ではありません。未対応の環境へ代替形式を提供できるWeb配信に向いています。
画像形式によって透過への対応は変わりますか?
はい。PNG、WebP、AVIFは透過、つまりアルファチャンネルに対応します。JPGは対応せず、透明な領域を書き出すと通常は白などの単色で塗りつぶされます。
画質を落とさずに形式を変換できますか?
可逆形式から別の可逆形式へ変換する場合は画質を保てます。非可逆形式から変換しても、すでに捨てられたデータは戻りません。入手できる中で最も品質の高い元画像から変換してください。
出典
- 画像ファイルの種類と形式ガイド — MDN