拡張子

拡張子とは？

ファイル名末尾のピリオド（ . ）以下の英数字のことで、ファイルの種別を表す記号のことです。 
「フォーマット」「ファイル形式」などを確認する時は、この拡張子を見ます。 

例
ワード .doc
エクセル .xls
テキストファイル .text
実行ファイル .exe
jpg画像 .jpg
圧縮ファイル .zip（など）

まずWindowsでは、デフォルト状態では拡張子を表示しない設定になっています。
以下の手順で拡張子を表示させるように設定します。

1 . エクスプローラを起動し、メニューバーの「ツール」 → 「フォルダオプション」へと進みます。
（Vista の場合、「コントロール パネル」 → 「デスクトップのカスタマイズ」 → 「フォルダオプション」）

「表示」タブの、「登録されている拡張子は表示しない」のチェックを外します。

「適用」 → 「OK」とクリックすれば、拡張子がきちんと表示されるようになります。

今回はWEB画像についてWEB,yahooblogに使用できるJPEG・GIF・PNGのそれぞれの画像形式について、 その特徴と画像加工の際の注意点を紹介します。

JPEG (Joint Photograph Experts Group） 拡張子.jpg

JPEGは圧縮画像形式ですが、24ビット（1670万色）まで扱うことができます。 このため、多くの色数を必要とする写真などの表現に向いています。 また、グラデーションのように色調が連続して変化する画像にはJPEGが適しています。 反対にアイコンやアニメ調の平坦なイラストなどをJPEGで繰り返し保存するとにじんだように汚くなります。

JPEGは不可逆圧縮
GIFがデータを整理することで圧縮するのに対し、JPEGはデータを捨てることで圧縮しています。 圧縮で捨ててしまったデータは元に戻すことができないので、JPEG形式で圧縮率を上げて保存する際には、 必ず元画像のバックアップを残しておくようにしてください。

GIF(Graphics Interchange Format） 拡張子.GIF

GIFは最大8ビット（256色）までの色を扱うことのできる圧縮画像形式です。256色以上必要ないロゴ、リンクボタン、アイコン、アニメ調のイラストなど、 特に単色ベタ面を多く含む平坦な画像に向いています。逆に写真やスケッチなどの多くの色数を必要とする画像には不向きです。

GIFはアニメーションにできる
アニメーションにできることもGIFの特徴の1つです。 GIFアニメはコマ画像をパラパラマンガの要領で表示させることで実現しています。 GIFアニメが他の動画形式に比べて優れているのは、 特別なプラグインを必要とせずより多くの環境で作者の意図通りに表示させることができる点です。

↑名前アイコンが動いていますのでこれはＧＩＦになります。

GIFは透明色の指定（透過）ができる
GIFは画像に使われている色のうちの1色を指定して透過（透明）にすることができます。

WEB上に掲載する画像は全て輪郭が四角形ですが、GIFの背景を透明にすることで見かけ上は四角形以外の輪郭の画像が可能となります。 尚、JPEGでは透明色の指定はできません。

上が無処理　下が透過済み

GIFのライセンス問題について
GIFに使われているLZW圧縮の技術は、1985年に米国Unisys社が特許を取得したものですが、 1994年になって突然LZW圧縮の特許権使用料を要求するようになりました。 その後、LZW圧縮に関する特許は期限切れを迎え、米国Unisys社が特許の延長申請をしなかったため、 現在では｢GIFの使用にはライセンス問題は発生しない｣という解釈が主流のようです。

PNG（Portable Network Graphic） 拡張子.PNG

PNGの特徴
PNGは｢ピング｣と読みます。 PNGは、特許使用の解釈に不安のあったGIFに替わるライセンス・フリーの画像形式として開発されました。 PNGには、「フルカラーにも8bitカラーにもすることができる」 「圧縮率が高く同じ内容のGIF画像より10％〜30％程度ファイルサイズが小さくなる」 「圧縮によってデータが捨てられてしまうことがない可逆圧縮形式を採用している」 「複数の透明色を指定できる」 「ライセンス問題の不安がない」 等の長所があります。
PNGはJPEGに取って代わるものではありません。JPEGは写真の圧縮に適した非可逆圧縮方式であり、写真画像に限ってはJPEGのほうがファイルサイズが小さくなります。一方で、文字や線画などの保存はJPEGだと圧縮ノイズが目立ってしまうのでPNGのほうが適している上、ファイルサイズもかなり小さくなる。また、加工を繰り返す予定のある画像はJPEGでは劣化が進んでしまうのでPNG保存が望ましいです。

JPEGとPNGの比較

PNG画像を透明（アルファチャンネル）が可能
アルファチャンネルとは、
コンピュータが扱うデジタル画像データにおいて、各点に設定された透過度情報を保存するデータ領域。透過度情報はアルファ値と呼ばれ、完全な透明(無色)から、完全な不透明(背景の色をまったく通さない)まで'設定することができる。コンピュータが画像を扱う場合、色情報として、各点についてR(赤)・G(緑)・B(青)の三原色のデータ領域(チャンネル)をもち、その組み合わせで色を表現する(CMYKモードの場合は4色)。点の透明度を表現する場合にはこれにアルファチャンネルを加え、4つの情報の組み合わせで一つの点を表現する。アルファチャンネルは、データ形式やソフトウェアによって、用意されている場合とされていない場合がある。
ここで皆さん勘違いしやすいのはＧＩＦの場合透過と言いますが、ＰＮＧの場合はアルファチャンネルになり、透過とは言いません。透過とはまったくの別物と考えてください。
[アルファチャンネルが体感できるwebサイト]
※ブラウザによって表示されません（下にスクロールしてください）

PNGの短所
PNGにはいくつかの短所があります。 「アニメーションにできない」 「フルカラーにするとJPEGよりファイルサイズが大きくなる」 といった点が挙げられますが、 最大の短所は「ブラウザ側の対応が完全ではない」ということです。 PNGに対応しているのは、 Windows版Internet Explorer4.0以上、Mac版Internet Explorer5.0以上、Netscape Navigator4.04以上で、 これより古いバージョンではPNGを表示できません。 また、PNGを表示できるブラウザもNetscape Navigator 4.x、FirefoxがアルファチャンネルPNGに対応していない等、 PNGの全ての機能に対応しているわけではありません。2008/12月現在

（次回）フリーのペイントソフト紹介に続く

転載元: コザのまた〜り部屋＾＾

IE８で転送が可能かテストです。

脳がフリーズ中です。

[-]

そうそう。向こうでは書かなかったけど、GIF問題で何年悩まされたか＾＾；
この問題の時は、素材屋さんは、みんな一斉に有料ソフト買ってましたよ。
あと、jpgやpngに変換したりしてた。もう何年も前の話だけどｗ

[☆megu☆]

なんかまたパニック起こしそうなので読めないけど｡｡
がんばっていっぱい説明書いてくれたコザちゃま♥に(*ﾟｰﾟ)σ凸 ﾎﾟﾁｯ!!

ごめんねぇ〜読めなくて｡｡

[siansenri]

ござさん
ファンポチしていただき誠にありがとうございました。
遅くなりましたが私もファンポチさせていただきました。
ものすごい精度の高いブログですね＾＾
感心します。