デザインマスター【初級】学習ノート / みっち
▼画像素材
Ｗｅｂコンテンツで使用する画像データ
Webコンテンツで標準的に使用されているビットマップデータ形式はJPEG、GIF、PNGの３形式ですが
大抵、写真はJPEG、
ドット絵などの階調が少ないものはGIFといったように
この２種類でほぼ賄えるのが現状です
JPEGの特徴
商品写真など豊富な色数を必要とする要素にはJPEG（Joint Photographic Experts Group）が適しています
画像編集ツールで適切な圧縮画像を書き出すことができますが非可逆圧縮データであるというマイナス面も持ち合わせています
一旦ファイルサイズを小さくすると画質が下がり元には戻らなくなってしまうのです
こうしたことから製作現場では非可逆圧縮形式の画像をオリジナル素材とせず、汎用性のある形式で画像を保持することが望ましいとしています。
しかしＴＩＦＦ形式で保存した画像は一般的にファイルサイズが大きいので、
メール形式などで送受信するには
画像を劣化させずにコンパクト化できるＰＮＧ形式が適しています
※JPEGの仲間でJPEG２０００というフォーマットが国際規格に制定されています
JPEG２０００は
圧縮時のにじみを軽減し、JPEGよりも画像が良く圧縮率も向上しています
著作権情報を個々の画像に添付することが可能です
写真画像などの複雑な情報にはJPEG、簡単なグラフィック、イラストにはGIFが適しています
ＧＩＦの特徴
ＧＩＦ(Graphic Interchange Format)は情報通信向けに作られました
８ビット画像で２５６色まで色数を保持できるますが、異なる表示環境では４０色について同じ色を表示することができません
よって、Webコンテンツで使用するＧＩＦは実質２１６色しか使えません。（この２１６色のことをＷｅｂセーフカラーと呼んでいます）
ＧＩＦは使用中の任意の色を透明色にすることができます。（これを透過処理、透過ＧＩＦと呼びます）
撮影時に写りこんだ背景を切り抜くテクニックに利用します
ＰＮＧの特徴
ＰＮＧ(Ｐｏｒｔａｂｌｅ Ｎｅｔｗｏｒｋ Ｇｒａｐｈｉｃｓ）は、１９９６年にＷ３Ｃが、２００３年にＩＳＯが標準査定した配信用画像の保存形式です
最大２５６色の色を保持できる８ビットの形式と、フルカラーを保持できる２４ビット形式＋アルファチャンネルの２形式が利用されています
特に２４ビット形式＋アルファチャンネル形式は半透明のイメージを使えることから、表現力のあるＷｅｂコンテンツつくりに活用が見込まれています
ＰＮＧの書き出しには多くの画像編集ツールが対応しています今後、表示可能なＷｅｂブラウザのシェアがあがればＰＮＧ形式を積極的に使うことも検討したい
-----------------------------
読み込み速度を上げて
レスポンスを早める事が重要になるため、サイズが最も小さくなる種類を選択するよう努めます
参考書ウェブの仕事力が上がる標準ガイドブック2 Webデザイン[画像]
2009.11.17：dmmitchi
⇒HOME
(C)
powered by samidare
