これらのフォーマットのどれが同じ画質の画像でより少ないメモリを必要とするか、そしてこれらのフォーマット間の主な違いは何ですか?.
から TIFF、GIF、JPG、JPEG、PNG、a BMP file? の違いは何ですか?
[〜#〜] bmp [〜#〜] -ビットマップ。これはおそらく私が覚えている最初のタイプのデジタル画像フォーマットでした。コンピュータ上のすべての画像は、当時はBMPのように見えました。 WindowsではXP Paintプログラムは画像をBMPに自動的に保存します。ただし、Windows Vista以降の画像はJPEGに保存されます。BMPは基本プラットフォームです他の多くのファイルタイプ用。
JPG/JPEGJoint Photographic Experts Group)Jpeg形式は、カラー写真や、多くのブレンドやグラデーションのある写真に使用されます。シャープなエッジでは不向きで、高品質で保存しない限り、エッジが少しぼやける傾向があります。この形式は、デジタルカメラの発明で普及しました。すべてではありませんが、ほとんどのデジタルカメラは写真をJpegファイルとしてコンピューターにダウンロードします。明らかに、デジタルカメラメーカーは、最終的に少ないスペースを占める高品質の画像の価値を認識しています。
---([〜#〜] tiff [〜#〜] -(タグ付き画像ファイル形式)このファイル形式は1992年以来更新されておらず、現在Adobeが所有しています。画像とデータ(タグ)を1つのファイルに保存できます。 TIFFは圧縮できますが、標準のJPEGファイルとは異なり、ロスレス圧縮(またはなし)を使用するTIFFファイルは編集して再作成できるため、TIFFファイルを有用な画像アーカイブにするロスレス形式で画像データを保存する機能です-画質を損なうことなく保存。このファイルは通常、スキャン、ファックス、ワードプロセッシングなどに使用されます。 jpegは高品質で場所をとらないため、デジタル写真で使用する一般的なファイル形式ではなくなりました。
Xkcdスタイル lbrandy.comから :
いくつかの重要な要素に注意する必要があります...
まず、圧縮には2つのタイプがあります: Lossless および Lossy 。
異なる色深度(パレット)もあります: インデックスカラー および ダイレクトカラー 。
[〜#〜] bmp [〜#〜]-ロスレス/インデックス付きおよび直接
これは古い形式です。ロスレス(保存時に画像データが失われることはありません)ですが、圧縮がほとんどまたはまったくないため、BMPとして保存すると、ファイルサイズが非常に大きくなります。インデックス付きと直接ですが、それは小さな安心感です。ファイルサイズが不必要に大きいため、この形式を実際に使用する人はいません。
良い例:実際には何もありません。何もないBMPに優れている、または他の形式でよりよく行われていない。
[〜#〜] gif [〜#〜]-可逆/インデックスのみ
GIFはロスレス圧縮を使用します。つまり、画像を何度も保存でき、データを失うことはありません。実際には適切な圧縮が使用されているため、ファイルサイズはBMPよりもはるかに小さくなりますが、保存できるのはインデックス付きパレットのみです。つまり、 ほとんどの場合 は、ファイル内に最大256の異なる色しか存在できません。それはかなり少量のように聞こえます、そしてそれはそうです。
GIF画像は、アニメーション化して透明にすることもできます。
対象:ロゴ、線画、その他の小さくする必要のある単純な画像。本当にウェブサイトにのみ使用されます。
[〜#〜] jpeg [〜#〜]-非可逆/直接
JPEG画像は、人間の目が気付かない情報を削除することにより、詳細な写真画像を可能な限り小さくするように設計されています。その結果、Lossy形式となり、同じファイルを繰り返し保存すると、時間の経過とともに失われるデータが増えます。数千色のパレットがあり、写真に最適ですが、不可逆圧縮は、ロゴや線画に悪いことを意味します。画像がぼやけているだけでなく、GIFに比べてファイルサイズが大きくなります。
対象:写真。また、グラデーション。
PNG-8-ロスレス/インデックス付き
PNGは新しい形式であり、PNG-8(PNGのインデックス付きバージョン)はGIFの代わりとして最適です。ただし、残念なことに、いくつかの欠点があります。まず、GIFのようなアニメーションはサポートできません(すべてのブラウザーでサポートされているGIFアニメーションとは異なり、Firefoxだけがサポートしているようです)。第二に、IE6のような古いブラウザーでいくつかのサポート問題があります。第三に、Photoshopのような重要なソフトウェアは、フォーマットの実装が非常に貧弱です。 (くそー、Adobe!)PNG-8はGIFのように256色しか保存できません。
対象:PNG-8がGIFよりも優れている主なことは、アルファ透明度のサポートです。
重要な注意:PhotoshopはPNG-8ファイルのアルファ透明度をサポートしていません。 (ちなみに、Photoshop!)ただし、透明性を維持しながらPhotoshop PNG-24ファイルをPNG-8ファイルに変換する方法はいくつかあります。 1つは PNGQuant で、もう1つは Fireworks でファイルを保存する方法です。
PNG-24-ロスレス/直接
PNG-24は、可逆符号化と直接色(JPEGのように何千もの色)を組み合わせた優れたフォーマットです。これは、BMP=に非常によく似ていますが、PNGが実際に画像を圧縮するため、ファイルがはるかに小さくなります。残念ながら、PNG-24ファイルは、JPEG、GIF、PNGよりもはるかに大きくなります。 8秒なので、本当に使用するかどうかを検討する必要があります。
PNG-24は圧縮しながら何千もの色を使用できますが、JPEG画像を置き換えることを意図していません。 PNG-24として保存された写真は、同等のJPEG画像よりも少なくとも5倍大きくなる可能性が高く、表示品質はほとんど向上しません。 (もちろん、これはファイルサイズを気にせず、最高品質の画像を取得したい場合に望ましい結果になる可能性があります。)
PNG-8と同様に、PNG-24もアルファ透明度をサポートしています。
[〜#〜] svg [〜#〜]-ロスレス/ベクトル
現在人気が高まっているファイルタイプはSVGです。これは vector ファイル形式(上記はすべて raster )であるという点で上記のすべてとは異なります。つまり、実際にはピクセルではなく、線と曲線で構成されています。ベクトル画像を拡大しても、曲線または直線が表示されます。ラスターイメージを拡大すると、ピクセルが表示されます。
例えば:
つまり、SVGは、Retinaスクリーンやさまざまなサイズで鮮明さを維持したいロゴやアイコンに最適です。
さらに、SVGファイルはXMLを使用して記述されているため、テキストエディターで開いて編集でき、必要に応じてその場で操作できます。たとえば、JavaScriptを使用して、テキストと同じようにWebサイトのSVGアイコンの色を変更できます(つまり、2番目の画像は必要ありません)。
お役に立てば幸いです。
既存の回答には技術データがほとんど含まれていないため、ここに含めます。
色深度
ほとんどのコンピューターモニターは24ビット色深度で実行されます。人間の目はその多くの色を区別できます。追加の色深度は、ほとんどの場合、センサーからの情報を保持できるため、写真の操作で処理できるデータが増えます。写真を8ビットカラーで表現しようとすると、粒子が粗くなります。
圧縮
これは基本的に、最終的なファイルのサイズを示します。圧縮率が高いほど、ファイルは小さくなります。ただし、JPEGはデータを破棄することでファイルサイズを小さくしています。これは、「非可逆」圧縮と呼ばれます。元の非圧縮データを戻すことはできないためです。その圧縮は、高コントラストのエッジが一般的でない写真にも最適化されています。他の回答で述べられているように、写真以外のものには悪い選択です。
アルファ/透明度
アルファは透明度を指しますが、透明度には複数のレベルがあることを意味します。 GIFには透明なピクセルを定義する機能がありますが、不透明または100%透明であり、「透明」は256色の1つとして使用されます。 PNGおよびBMPは、各ピクセルを色付きガラスのように、不透明、透明、または部分的に透明としてマークする機能を備えています。最も一般的には、256レベルの透明度がありますが、PNGは実際に最大65,536レベルJPEGは透明度をサポートしていません。
アニメーション
事実上、これらのフォーマットのうち、GIFのみがアニメーションをサポートしています。 PNG(MNG、APNG)とJPEG(MJPEG)を使用したアニメーションの仕様がありますが、広くサポートされていません。 (APNGは、FirefoxとOperaの最近のバージョンで動作します。)実際には、Webページに表示されるほとんどのアニメーションはFlashに実装されています。
BMPは、小さいヘッダーの生ビット、または Run-length Encoding を使用します。 JPEGは 離散コサイン変換 を使用します。その他の圧縮/エンコードアルゴリズムについては、Wikipediaの記事の下部にあるブロックを参照してください。
簡単なガイド: