多くの種類の画像拡張機能を見てきましたが、それらの実際の違いを理解したことがありません。それらの違いを明確に説明するリンクはありますか?
アプリケーションで使用する特定の種類の画像を選択する際に考慮すべき基準はありますか? Web アプリケーションには何を使用しますか?
多くの種類の画像拡張機能を見てきましたが、それらの実際の違いを理解したことがありません。それらの違いを明確に説明するリンクはありますか?
アプリケーションで使用する特定の種類の画像を選択する際に考慮すべき基準はありますか? Web アプリケーションには何を使用しますか?
はい。それらは異なるファイル形式 (およびそのファイル拡張子) です。
各形式のウィキペディアのエントリは、かなりの情報を提供します。
画像形式は、次の 3 つの大きなカテゴリに分けることができます。
非圧縮形式は、最も多くのデータを使用しますが、画像を正確に表現しています。BMP などのビットマップ形式は一般に圧縮されていませんが、圧縮された BMP ファイルもあります。
非可逆圧縮形式は、通常、写真に適しています。画像の圧縮による圧縮アーティファクトが目立つため、イラスト、図面、テキストには適していません。非可逆圧縮は、その名前が示すように、ファイルのすべての情報をエンコードするわけではないため、画像に復元すると、元の画像を正確に表現することはできません。ただし、特定の情報を破棄するため、ロスレス形式と比較して非常に効果的に画像を圧縮できます。非可逆圧縮形式の代表的な例は JPEG です。
可逆圧縮形式は、非可逆圧縮では見栄えがよくないイラスト、図面、テキストなどの素材に適しています。名前が示すように、可逆圧縮は元のすべての情報をエンコードするため、画像を解凍すると、元の画像が正確に表現されます。可逆圧縮では情報の損失がないため、ほとんどの場合、非可逆圧縮ほど高い圧縮率を達成することはできません。ロスレス画像圧縮の例は、PNG と GIF です。(GIF は 8 ビット画像のみを許可します。)
TIFF と BMP はどちらも「ラッパー」形式です。内部のデータは、使用される圧縮技術に依存する可能性があるためです。圧縮イメージと非圧縮イメージの両方を含めることができます。
特定の画像圧縮形式をいつ使用するかは、圧縮対象によって異なります。
関連する質問: Web 用に大きな画像を無慈悲に圧縮する
いくつかの重要な要素に注意する必要があります...
まず、圧縮にはLosslessとLossyの 2 種類があります。
ロスレスとは、画像が縮小されることを意味しますが、品質は損なわれません。ロッシーとは、画像が (さらに) 小さくなりますが、品質が低下することを意味します。ロッシー形式で画像を何度も保存すると、画像の品質は次第に悪化していきます。
さまざまな色深度 (パレット) もあります:インデックス カラーとダイレクト カラー。
Indexedを使用すると、画像の作成者が選択した限られた数 (通常は 256 色) のみを画像に保存できることを意味し、 Directを使用すると、作成者が選択していない何千もの色を保存できることを意味します。
BMP - ロスレス / インデックス付きおよびダイレクト
これは古い形式です。ロスレス (保存時に画像データが失われることはありません) ですが、圧縮もほとんどまたはまったくないため、BMP として保存するとファイル サイズが非常に大きくなります。インデックス付きとダイレクトの両方のパレットを持つことができますが、それは小さな慰めです. ファイル サイズが不必要に大きいため、実際にこの形式を使用する人はいません。
良いこと:特に何もありません。BMP が優れている点や、他のフォーマットより優れている点はありません。
GIF - ロスレス / インデックスのみ
GIF は可逆圧縮を使用します。つまり、画像を何度も保存しても、データが失われることはありません。適切な圧縮が実際に使用されるため、ファイル サイズは BMP よりもはるかに小さくなりますが、インデックス化されたパレットしか保存できません。これは、ファイル内に最大 256 の異なる色しか存在できないことを意味します。それはかなりの量のように聞こえますが、実際はそうです。
GIF 画像もアニメーション化して透明にすることができます。
対象:ロゴや線画など、小さくする必要のあるシンプルな画像。実際に Web サイトでのみ使用されます。
JPEG - 非可逆 / ダイレクト
JPEG 画像は、人間の目では気付かない情報を取り除くことで、詳細な写真画像をできるだけ小さくするように設計されています。その結果、これはロッシー形式であり、同じファイルを何度も保存すると、時間の経過とともに失われるデータが増えます。何千もの色のパレットがあり、写真には適していますが、非可逆圧縮により、ロゴや線画には適していません。ぼやけて見えるだけでなく、GIF に比べてファイル サイズが大きくなります。
対象: 写真。また、グラデーション。
PNG-8 - ロスレス / インデックス付き
PNG は新しい形式であり、PNG-8 (PNG のインデックス付きバージョン) は GIF の優れた代替品です。悲しいことに、いくつかの欠点があります: まず、GIF のようにアニメーションをサポートできません (もちろん可能ですが、すべてのブラウザーでサポートされている GIF アニメーションとは異なり、Firefox だけがサポートしているようです)。次に、IE6 などの古いブラウザのサポートに問題があります。第 3 に、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 のような数千色) を組み合わせた優れた形式です。PNG が実際に画像を圧縮することを除けば、その点では BMP に非常によく似ているため、ファイルははるかに小さくなります。残念ながら、PNG-24 ファイルは依然として JPEG、GIF、および PNG-8 よりもはるかに大きいため、本当に使用するかどうかを検討する必要があります。
PNG-24 では、圧縮しながら何千もの色を使用できますが、JPEG 画像を置き換えることは意図されていません。PNG-24 として保存された写真は、同等の JPEG 画像よりも少なくとも 5 倍大きくなる可能性が高く、表示品質はほとんど向上しません。(もちろん、ファイルサイズを気にせず、可能な限り最高の品質の画像を取得したい場合は、これが望ましい結果になる可能性があります。)
PNG-8 と同様に、PNG-24 もアルファ透明度をサポートしています。
それが役立つことを願っています!
通常、これらは次のいずれかです。
無損失圧縮 無損失圧縮アルゴリズムは、非可逆圧縮ファイルほど小さなファイルに圧縮されませんが、画質を損なうことなくファイル サイズを縮小します。ファイル サイズよりも画質が重視される場合、通常はロスレス アルゴリズムが選択されます。
非可逆圧縮
非可逆圧縮アルゴリズムは、人間の目に固有の制限を利用して、目に見えない情報を破棄します。ほとんどの非可逆圧縮アルゴリズムでは、さまざまな品質レベル (圧縮) が許可されており、これらのレベルが上がると、ファイル サイズが小さくなります。最高の圧縮レベルでは、画像の劣化が「圧縮アーティファクト」として顕著になります。以下の画像は、非可逆圧縮アルゴリズムの顕著なアーティファクトを示しています。サムネイル画像を選択すると、フル サイズ バージョンが表示されます。
それぞれの形式は、次のように異なります。
JPEG JPEG (Joint Photographic Experts Group) ファイルは (ほとんどの場合) 非可逆形式です。DOS ファイル名の拡張子は JPG です (他の OS では JPEG を使用する場合があります)。ほぼすべてのデジタル カメラは、1 色 (赤、緑、青) あたり 8 ビット、合計 24 ビットをサポートする JPEG 形式で画像を保存できるため、比較的小さなファイルが生成されます。圧縮率が高すぎない場合、圧縮によって画像の品質が著しく低下することはありませんが、JPEG ファイルは編集と保存を繰り返すと、世代の劣化が発生します。写真画像を再編集する場合、または小さな「アーティファクト」(JPEG の圧縮アルゴリズムによって引き起こされる傷) が許容できない場合は、写真画像をロスレスの非 JPEG 形式で保存する方が適切な場合があります。JPEG 形式は、多くの Adobe PDF ファイルで画像圧縮アルゴリズムとしても使用されています。
TIFF TIFF (Tagged Image File Format) は柔軟な形式で、TIFF または TIF ファイル名のいずれかを使用して、通常、合計 24 ビットおよび 48 ビットの色 (赤、緑、青) ごとにそれぞれ 8 ビットまたは 16 ビットを保存します。 . 単一のリーダがすべてのタイプの TIFF ファイルを読み取るわけではないため、TIFF の柔軟性は祝福と呪いの両方です。TIFF は不可逆で無損失です。2 値 (白黒) 画像に対して比較的優れた可逆圧縮を提供するものもあります。一部のデジタル カメラは、ロスレス ストレージ用の LZW 圧縮アルゴリズムを使用して、TIFF 形式で保存できます。TIFF 画像形式は、Web ブラウザーで広くサポートされているわけではありません。TIFF は、印刷業界の写真ファイル標準として広く受け入れられています。TIFF は、印刷機のインクの特定のセットによって定義される CMYK など、デバイス固有の色空間を処理できます。
PNG PNG (Portable Network Graphics) ファイル形式は、GIF の後継となる無料のオープンソースとして作成されました。PNG ファイル形式はトゥルーカラー (1600 万色) をサポートしていますが、GIF は 256 色しかサポートしていません。PNG ファイルは、画像に大きな均一な色の領域がある場合に優れています。損失のない PNG 形式は画像の編集に最適であり、JPG ファイルは PNG ファイルよりも小さいため、JPG などの損失のある形式は写真イメージの最終配布に最適です。現在、多くの古いブラウザーは PNG ファイル形式をサポートしていませんが、Internet Explorer 7 では、最新のすべての Web ブラウザーが PNG 形式を完全にサポートしています。Adam7-interlacing では、画像データのごく一部しか送信されていない場合でも、早期プレビューが可能です。
GIF GIF (Graphics Interchange Format) は、8 ビット パレットまたは 256 色に制限されています。これにより、GIF 形式は、単純な図、図形、ロゴ、漫画スタイルの画像など、比較的色数の少ないグラフィックの保存に適しています。GIF 形式はアニメーションをサポートしており、画像アニメーション効果を提供するために今でも広く使用されています。また、ロスレス圧縮を使用します。これは、広い領域が単色の場合により効果的であり、詳細な画像やディザリングされた画像には効果がありません。
BMP
BMP ファイル形式 (Windows ビットマップ) は、Microsoft Windows OS 内のグラフィック ファイルを処理します。通常、BMP ファイルは圧縮されていないため、サイズが大きくなります。利点は、単純であること、広く受け入れられていること、および Windows プログラムで使用できることです。
Web ページ / Web アプリケーションでの使用
以下は、これらの画像形式を Web ページ/アプリケーションで使用する場合の簡単な概要です。
出典:画像ファイル形式
他の人が違いをカバーしているので、私は用途を打ちます。
TIFF は通常、スキャナーで使用されます。巨大なファイルを作成し、アプリケーションでは実際には使用されません。
BMP は非圧縮であり、巨大なファイルも作成します。また、アプリケーションでは実際には使用されません。
GIF は以前はウェブ全体で使用されていましたが、限られた数の色しかサポートしておらず、特許も取得しているため、人気がなくなりました。
JPG/JPEG は、主に写真品質のものに使用されますが、テキストには使用されません。使用される非可逆圧縮は、シャープな線を損なう傾向があります。
PNG は JPEG ほど小さくはありませんが、ロスレスであるため、シャープな線の画像に適しています。現在、ウェブ上で一般的に使用されています。
個人的には、できる限り PNG を使用しています。これは、JPG と GIF の間の適切な妥協点です。
JPG > 共同写真専門家グループ
1 JPG 画像は 1,600 万色をサポートし、写真や複雑なグラフィックスに最適です
2 JPG は透明度をサポートしていません。
PNG > ポータブル ネットワーク グラフィックス
1 GIF 技術が著作権で保護されており、使用許可が必要だったときに、GIF ファイル形式の代替として使用されます。
2 PNG は、GIF よりも 5 ~ 25 パーセント高い圧縮が可能で、より広い範囲の色を使用できます。PNG は 2 次元インターレースを使用しているため、GIF 画像の 2 倍の速度で読み込みます。」</p>
3 多くの色を含む画像、または高度な可変透明度を必要とする画像。PNG が推奨されるファイル タイプです。
GIF > グラフィック交換フォーマット
1 画像の色数を 256 に減らします。
2 GIF も透明度をサポートします。
3 GIF には、アニメーション GIF と呼ばれる、ビデオに似た一連の画像を表示する独自の機能があります。
4 画像の色数が少なく、高度なアルファ透過効果を必要としない場合は、GIF が適しています。
SVG > スケーラブル ベクター グラフィックス
1 SVG は、静止画像とアニメーションの両方を 2 次元で記述する XML に基づく Web 標準です。
2 SVG を使用すると、サイズが増減しても詳細が失われない、非常に高品質のグラフィックスとアニメーションを作成できます。
PNG supports alphachannel transparency.
TIFF can have extended options I.e. Geo referencing for GIS applications.
I recommend only ever using JPEG for photographs, never for images like clip art, logos, text, diagrams, line art.
Favor PNG.
これらの名前は、ピクセル イメージ データをエンコードするさまざまな方法を指します (JPG と JPEG は同じものであり、TIFF は追加のメタデータで jpeg を囲むだけの場合があります)。
これらの画像形式は、異なる圧縮アルゴリズム、異なる色表現、画像自体以外の追加データを運ぶ異なる機能などを使用する場合があります。
Web アプリケーションの場合は、jpeg または gif で十分だと思います。JPEG は圧縮率が高いため、より頻繁に使用されます。gif は通常、フラッシュ (または類似のもの) がオーバーキルである軽量のアニメーション、または透明な背景が必要な場所に使用されます。PNGも使用できますが、私はそれについてあまり経験がありません. BMP と TIFF は、おそらく Web アプリケーションには適していません。
クーバードとジェラルドが言ったこと。
また、JPEG はファイル形式名です。以前の Windows システムでは 3 文字のファイル拡張子が必要だったため、JPG は一般的にこの形式の省略形のファイル拡張子として使用されます。TIFF と TIF も同様です。
現時点では、Web ブラウザーは JPEG、PNG、および GIF ファイルのみを表示します。つまり、これらは Web ページに表示できるファイルです。
ファイル拡張子は、画像がどのように保存されているかを示します。これらの形式の中には、ビットをそのまま保存するだけのものもあれば、無損失方式や非可逆方式など、さまざまな方法で画像を圧縮するものもあります。患者対応者の何人かがここでそれらを概説することは知っていますが、ウェブはあなたに伝えることができます.
Web では、主に gif、jpg、および png が好まれます。JPEG は jpg と同じ (または非常に近い) です。
さまざまな画像形式間の指定された違いと使用法については、上記ですでに十分な議論があります。
ただし、写真をキャプチャして保存する全体的なプロセスに何かを追加したいと考えています。
または、構築プロセスとも言えます (今ではコンピューターで絵を描いたり絵を描いたりすることができます)。カメラで写真を撮る場合、すでに多くのセンサー (CCD または CMOS) とアルゴリズム (ベイヤー パターン フィルター、サブサンプリングと量子化など) を使用Pixel Format
していColor Space
ます。基本的なピクセル情報を取得したら、それらを格納する方法が必要です。
ピクセル情報をファイルに保存するには、規則と関連するアルゴリズムが必要です。スペースを節約するために圧縮がありますが、基本的に問題は、ピクセルをバイトにエンコードし、バイトをピクセルにデコードして表示することです。
典型的な画像ファイルは、いくつかの部分で構成されている場合があります。基本的にはmeta data or file header
との 2 つですpixel data section
。はmeta data
、画像そのものについて語ります。おそらくheight
やwidth
などです。file format
pixel data section
section
real picture
前述したように、ファイルはハードディスクに保存され、バイト/ビット単位です。したがって、画像ファイルには優先順位はありませんが、実際にはバイト ストリームも含まれます。表示するには、モニターがどのように機能するかを知るために何かを取得する必要があるかもしれません。一般的な PC モニターは、表示に RGB モデルを使用します。
お役に立てれば:-)