基礎 - ファイル形式
画像のファイルにはJPEG・GIF・PNG・TIFF・BMP・EPS…などがあります。
それぞれの特徴・用途を紹介します。
WEB上で使えるもの
WEB上でつかわれるのは主に以下の３種類です。
WEB上ではファイルサイズが小さいことが望まれるため、いずれも画像を圧縮する保存形式です。
JPEG（ジェイペグ）
主に写真の保存に使われます。
多くの色を表現でき、グラデーションなど滑らかな階調の表現が得意ですが、イラストなどにはあまり向いていません。
圧縮は非可逆圧縮（元の画像と全く一緒にはならない圧縮）ですが、低圧縮率では画像の劣化は気にならないでしょう。
圧縮率を高くしすぎるとJPEG特有のブロックノイズやトーンジャンプが出てしまいます。
gif（ジフ）
主にイラストの保存に使われます。
JPEGとは逆で、イラストに向いている代わりに、表現できる色数が少なく（256色）、グラデーションが苦手です。
イラストに使用する色数を減らすとファイルサイズも小さくなります。
JPEGと異なり透過（透明）が使えます。
また、GIFアニメーションとして動きを付けることができます。
可逆圧縮のため画像の劣化はありません。
PNG（ピング）
特許問題のあったGIFに代わる形式として開発された比較的新しい保存形式です。
フルカラーでの表現も可能で写真も表現はできますが、写真の場合ファイルサイズが大きくなるので、イラスト向きと考えるべきでしょう。
GIFと同様に透過も利用できますが、アニメーションは使えません。
可逆圧縮のため画像の劣化はありません。
また、多くのブラウザが対応していませんが、透明度を指定できる「アルファチャンネル」を含むことができます。
WEB用画像ファイル形式一覧
WEB上で使えるファイル形式の特徴を一覧にしています。
| 保存形式 | 主な用途 | 写真 | イラスト | その他 |
| JPEG | 写真 | ◎きれいに表示できる （11.4KB） |
△ノイズが出やすい （2.54KB） |
圧縮しすぎるとノイズがでる （1.08KB） |
| GIF | イラスト | △トーンジャンプが起こる （3.65KB） |
◎透過も使用できる （2.46KB） |
◎アニメーションが使える （14.2KB） |
| PNG | 主にイラスト | ○ファイルが大きくなる （25.9KB） |
◎透過も使用できる （3.57KB） |
×アニメーション不可 |
その他の保存形式
TIFF（ティフ）
もっとも互換性のある保存形式です。
圧縮をしないので画像の劣化もありませんが、ファイルサイズが大きくなります。
BMP（ビットマップ）
上のTIFFのWindows版といった感じのものです。
EPS（イーピーエス）
印刷向けのデータの作成に適した保存形式です。
他の保存形式とは違い、ベクトルグラフィック（※）も含めることができる。
ベクトルグラフィック
写真などの「ビットマップ画像」は色の点の集まりで画像を表現するため拡大すると（点が大きくなり）画像が粗くなるのに対し、数式で描くグラフのように拡大しても画像が粗くならない保存形式のこと。
Illustratorなどのドローツールで描くことができる。
今回使用した画像はhttp://eyes-art.com/pic/0032.htmlです。