PNG
PNG画像形式の仕組み、スクリーンショットにPNGを使うべき場面、JPGやWebPとの違いを解説します。
PNG(Portable Network Graphics)は、ピクセルを可逆圧縮で保存するラスター画像形式です。拡張子は .png、メディアタイプは image/png です。仕様はW3CとISO/IEC 15948で定められています。
PNGは最大256色のパレット画像、グレースケール、チャンネルあたり8ビットまたは16ビットのトゥルーカラーに対応し、透明度を表すアルファチャンネルも持てます。ファイル内のチャンクには、ICCカラープロファイル、ガンマ情報、テキストのメタデータを埋め込めます。macOSはスクリーンショットを標準でPNG形式で保存し、現行のブラウザや画像編集アプリはすべてPNGを開けます。
画像形式を変換する
Image Converter を使うと、ブラウザ上でPNG、JPG、WebPを相互に変換できます。ファイルはデバイスの外に送信されません。
PNGの圧縮の仕組み
PNGはまず、ピクセルの各行に予測フィルタを適用し、元の値ではなく隣接ピクセルとの差分を記録します。次に、フィルタ後のデータをZIPファイルと同じアルゴリズムであるDEFLATEで圧縮します。デコードでは両方の手順を正確に逆にたどるため、デコード後のピクセルは元の画像と一致します。広い単色の領域や繰り返しのパターンはよく圧縮されます。ノイズを含む写真やグラデーションはあまり圧縮されません。
PNG、JPG、WebPの比較
| 形式 | 圧縮 | 透明度 | 向いている用途 |
|---|---|---|---|
| PNG | 可逆 | 対応 | UI、テキスト、図 |
| JPG | 非可逆 | 非対応 | 写真、長いフレームの連続 |
| WebP | 非可逆または可逆 | 対応 | Web配信 |
PNGを使うべき場面
- 小さな文字や細い線を含むインターフェースのスクリーンショット
- OCRや画像比較にかける画像
- 透明な背景が必要なグラフィック
- 編集して再度書き出す元データ
よくある間違い
- 写真をPNGで保存し、必要以上に何倍も大きなファイルになってしまう
- JPGをPNGに変換すれば、JPEGの圧縮ノイズが消えると考える
- 写真や動画のフレームを含むスクリーンショットでも、PNGは常にJPGより小さいと思い込む
今すぐ編集したい画像がありますか?
サイズの大きいPNGは Image Compressor で縮小でき、形式の変更は Image Converter で行えます。
よくある質問
スクリーンショットにはPNGとJPGのどちらが向いていますか?
インターフェースのスクリーンショットならPNGです。PNGは文字をくっきり保ちます。写真の多いフレームでは、JPGのほうが見た目の画質をほぼ保ったままファイルを小さくできます。
TemposhotはPNGで書き出せますか?
はい。結果パネルの PNG Export (Lossless) を使えます。また、Website Captureでは標準のJPEGの代わりにPNGで保存できます。
出典
関連リソース
同じスクリーンショットを何度も撮っていますか?
Temposhot は、画面、ウィンドウ、または範囲をタイマーに従って連続で撮影し、その一式を PDF、画像、ZIP、または MP4 で書き出します。無料のブラウザツールは、1 枚の画像の処理に対応しています。
関連リソース
関連用語
- JPGJPGの圧縮の仕組み、PNGやWebPとの使い分け、非可逆のスクリーンショット形式でよくある間違いを解説します。
- WebPWebPの概要、PNGやJPGとの比較、スクリーンショットにWebPを使うべき場面を解説します。
- Lossless Compression可逆圧縮の概要、対応する画像形式、ピクセル単位で保存することが重要な場面を解説します。
- Image Transparency画像の透明度の概要、アルファチャンネルに対応する形式、スクリーンショットと書き出しで透明度が働く仕組みを解説します。
- Image Compression画像の圧縮の概要、非可逆と可逆の違い、スクリーンショットを圧縮するときのよくある間違いを解説します。
- Image FormatPNG、JPG、WebP、AVIFなど主な画像形式の概要と、それぞれを使うべき場面を解説します。