JPEG、GIF、PNG?画像ファイルの種類の説明とテスト

サマリー

  • RAWファイルにはカメラで撮影されたすべての情報が含まれており、編集には最適ですが、多くのスペースを占有します。
  • JPEGは一般的な画像形式ですが、画質の低下をもたらす可能性がある非可逆圧縮を使用しています。
  • GIFは、ロゴやベタ塗りの領域があるアイコンなど、限られたカラーパレットを使用するシンプルなグラフィックやアニメーションに最適です。
  • PNGは画像の詳細を保持するのに適しており、オーバーレイや透過背景でうまく機能します。
  • TIFFファイルは汎用性、高画質、非可逆圧縮で知られており、印刷に最適です。
  • SVGファイルはベクトル原則に基づいており、無限にスケーラブルで、グラフィックデザイナーやイラストレーターに適しています。

JPEG、GIF、PNG、およびその他の画像ファイルの種類の違いを知っていますか?いつどちらを使用すべきか知っていますか?または写真を保存するのに最適なものはどれですか?知っておくべき基本を以下に示します。

RAW - 非圧縮の画像データ

RAWファイルは、DSLRから直接取得できます。RAWファイルは、まさにその名の通り、圧縮が適用されていない生の画像ファイルです。

カメラで撮影したすべての情報がRAWファイルに含まれています。このため、これらのファイルは巨大で、それぞれ簡単に25MBを超える可能性があります。そして、それは写真の編集には最適ですが、写真の保存にはそれほど適していないため、画像圧縮が存在します。

RAWファイルは実際には画像ではなく、RAWは標準化された画像ファイル形式ではありません。カメラメーカーには、キヤノンのCRW、ソニーのARW、ニコンのNEFなど、独自のRAW形式があります。

DNG RAW画像形式(Digital Negative)もあります。Adobeは、さまざまなカメラメーカーの独自のRAW形式間の互換性の問題に対応して、汎用RAWファイル形式として機能するDNGを開発しました。ただし、すべてのカメラメーカーがこの形式をサポートしているわけではありません。

この記事では、テスト写真を使用して、複数の画像形式とさまざまな品質の違いを示します。ブラウザにRAW画像を表示することはできないため、以下にRAW、非圧縮、未編集の写真のスクリーンショットを示します(ファイルサイズがいかに大きいかにご注意ください)。

DNG - 81.2MB - 7900x5925 px

JPEG - 毎日の使用のためのファイルの種類

JPEG(またはJPG)は、Joint Photographic Experts Groupの規格です。おそらく最も一般的な画像形式であり、オンラインで写真やテキストの画像を投稿するために使用されることがよくあります。この形式はピクセルあたり24ビット、赤、緑、青にそれぞれ8ビットをサポートしており、これは1,600万色以上を表示できるトゥルーカラー(RGB)形式です。

非常に高品質の画像を作成できますが、JPEGは画像の不要な部分を削除するファイル圧縮の一種である非可逆圧縮形式であるという点で不利になる可能性があります。圧縮が強くなるほど、写真の品質は低下します。これが、JPEGとして画像をエクスポートするときに、多くの場合、低品質、中品質、高品質のオプションが表示される理由です。

以下は、DNGテスト写真を高品質、中品質、低品質のJPG形式に変換したもので、それぞれのサイズを示しています。

JPG - 高品質(100%) - 38.3MB - 7900x5925 px

JPG - 中品質(50%) - 1.95MB - 3950x2963 px

JPG - 低品質(25%) - 259KB - 1975x1481 px

3つのバージョンをすべてクローズアップして並べて見てみましょう。左の低品質バージョンでは、ピクセル化を簡単に確認できます。真ん中の中品質バージョンは、遠くから見ると問題ありませんが、ピクセル化がまだ見られます。右の高品質バージョンでは、目に見えるピクセル化は最小限です。

一般に、高品質で時には中品質のJPEGは、ファイルサイズと品質の間に良い妥協点です。しかし、低品質になると、品質は大幅に低下します。JPEGは、テキストよりもシャープな遷移が少ない写真や図面に最適です。

GIF - アニメーションだけではありません

1987年に導入されたGraphics Interchange Formatは、ピクセルあたり8ビット(赤と緑にそれぞれ3ビット、青に2ビット)を許可します。これにより、GIFには256色が利用可能になります。GIFは非可逆圧縮を使用することで、複数の解凍と再圧縮でも限られたカラーパレットを完全に再現できます。

テスト写真の高品質JPGバージョン(38.3MB)を高品質GIFファイル(33MB、100%)に変換すると、JPGにはないGIFの色の制限があるため、画質が低下しました。ただし、大きなGIFをはるかに小さなGIFファイル(4.3MB、33%)に変換しても、非可逆圧縮により画質は低下しませんでした。

以下に、大きなGIFファイルと小さなGIFファイルをクローズアップして並べて示します。

右側の画像は左側の画像よりもかなり小さいにもかかわらず、JPG圧縮の場合ほどの画質の低下はありません。また、最小のGIFファイルは画像データを保持しているため、最小のJPGファイルよりもはるかに大きいことに注目してください。

GIFのカラーパレットは限られているため、この形式はロゴやベタ塗りの領域があるアイコンなど、奥行きをあまり必要としない画像に最適です。

知っておくべきもう1つの重要なことは、GIFはアニメーション化できることであり、あらゆる種類のクールな用途があります。これは、特定の順序で一連の個々のフレームを表示し、ループで再生することで行われ、動きの錯覚が生み出されます。

PNG - 鮮明でシャープな画像に

1995年にGIFの代替として設計されたPortable Network Graphicsファイルタイプは、もう1つの非可逆形式です。ただし、前身よりも大幅に多くの情報を格納しており、ピクセルあたり24ビットまたは32ビットが含まれています。

24ビットバージョンにはRGB情報が含まれ、32ビットバージョンにはRGBAカラースペースが使用されます。RGBAのAはアルファチャネルの追加を意味し、画像の透明度のレベルを変化させることができます。上記のように、チェッカーの背景を持つPNG画像を見ると、通常は透明であることを示しています。

はるかに多くの情報を格納しているため、PNGファイルはJPEGまたはGIFよりも大きくなります。ただし、このサイズの増加は品質の向上にもつながり、PNGは画像の詳細を保持することが不可欠な状況に適しています。

以下はRAWファイルから変換された100%高品質の75.7MB PNGです。その高品質ファイルを低品質(10.9MB、33%)のPNGに変換しても、非可逆圧縮のおかげで品質に影響はありません。

これらをクローズアップして並べて示します。

デザインを鮮明に保ち、テキストをシャープにしたい場合は、PNGが最適です。オーバーレイを使用する場合や画像の背景を透明にしたい場合にも理想的な形式です。

TIFF - 使用頻度は低いものの、優れたもの

当初スキャナーに使用されていたTagged Image File Format(TIFFまたはTIF)は、バイナリからグレースケール、最終的にはフルカラーへと進化しました。現在では、RGBとCMYKの両方のカラーモデルに対応する、一般的に使用されるフルカラーファイルタイプです。

他の形式ほどオンラインでTIFFを見かけることはありませんが、TIFFは比類ない汎用性、広範な使用、およびほぼすべての画像編集プログラムとの互換性を誇っています。

TIFFは圧縮または非圧縮で保存でき、使用される圧縮は可逆圧縮または非可逆圧縮のいずれかです。TIFFファイルを圧縮する場合は通常、非可逆圧縮が使用されますが、サイズが重要な要素である場合は、可逆圧縮を使用できます。

TIFFはファイルタイプというよりも、ファイルラッパーまたはコンテナーとして機能します。これにより、JPEGまたはPNGファイルと同様に、ピクセルあたりさまざまなビットの画像を保存できるため、色の深さに関して柔軟性があります。その結果、ユーザーはTIFFファイルを使用する際に幅広い色を実現することができます。

TIFFはブラウザで普遍的にサポートされていないため、以下にTIFFファイルの高品質PNGスクリーンショットを示します。

非圧縮TIFF - 71.4MB

非可逆圧縮を使用した圧縮TIFF - 36MB

可逆圧縮を使用した圧縮TIFF - 2.5MB

TIFFは、写真、グラフィックデザイン、印刷に特に適しています。その用途は芸術的な追求を超えており、医療画像や博物館のアーカイブなどの分野の専門家は、しばしばTIFFに依存しています。

SVG - どんなサイズにも無限にスケーラブル

SVGは、特定のコンテキストでいくつかの利点を提供するユニークな画像ファイル形式です。XMLを利用するベクターベースの形式として、SVG画像は解像度に依存しないため、品質を損なうことなく任意のサイズに拡大縮小できます。上記の他のすべての形式はラスタベースです。違いがわからない場合は、ラスタ画像とベクター画像に関するガイドを参照してください。

以下はベクターグラフィックのスクリーンショットで、2,000%以上に拡大しています。画像をどれだけ拡大または縮小しても、グラフィックの端は滑らかなままです。

同じグラフィックのPNGバージョンを次に示します。同じポイントで拡大すると、非常にピクセル化されます。

SVGファイルは、通常、JPEGやPNGなどのラスタ形式と比較して非常に小さくなります。上記のグラフィックのスクリーンショット(PNG形式)は、実際にはグラフィック自体のSVGファイルよりも大きく、わずか28.7KBです。

SVG形式は、ロゴやアイコンなど、ゼロから画像を作成するグラフィックデザイナーやイラストレーターに特に適しています。現実世界のシーンの写真コンテンツの複雑さと豊かさを処理するためには最適化されていません。

これらすべての詳細を説明した後も、どのファイルの種類が最良なのかと疑問に思うかもしれません。

ほとんどの場合、PNGは安全な選択肢です。特にオーバーレイや透明度を使用したい場合に適しています。より多くの圧縮が必要な場合は、高品質または中品質のJPEGを選択してください。非可逆圧縮、高色深度、汎用性が必要な場合は、TIFFが理想的です。GIFはシンプルなグラフィックやアニメーションに適しており、SVGは無限のスケーラビリティを提供します。また、常にRAWファイルを保持しておくと、写真や画像をソースから直接編集することができます。