トップ
＜
基礎編
画像フォーマット
インターネットで使用できる主な画像フォーマット
自分で作成した画像やパソコンに取り込んだ写真を、それぞれの画像に適した、インターネットで使用できる形式に変換しましょう。
変換には、Photoshopなどの画像処理ソフトや画像フォーマット変換ユーティリティを使って、それぞれの形式で保存します。
JPEG
ジェーペグ
J
oint
P
hotographic
E
xperts
G
roup
写真などの静止画像のデータ圧縮方式で、フルカラーの画像に大して色数を落とすことなく圧縮できるフォーマットです。写真や手描きのイラストような微妙な濃淡で成り立っている画像の圧縮に適しています。非可逆的圧縮(データを圧縮した際に、元のデータを完全には保持しない圧縮方式)を採用しているため、圧縮率も高く、また、圧縮率について詳細な設定ができますが、一度JPEGで圧縮した画像は、元となる画像よりも確実に画質が劣化します。
拡張子
.jpg .jpeg .jpe
JPEGは、ISO(国際標準化機構)とCCITT(国際電信電話諮問委員会)の両機構の合弁グループとして発足したJoint Photographic Experts Groupにより定義、仕様化され、そのグループの頭文字を取って、JPEGという名称がつけられました。また、最近では、デジタルカメラのデータフォーマットとしても採用されています。
GIF
ジフ
G
raphics
I
nterchange
F
ormat
画像の色数を256色以下に制限して圧縮するフォーマットです。GIFフォーマットは、可逆性を持った圧縮方式を採用しているので、元画像の画質を完全に保持したままの変換が可能です。画像データ中のパターンを認識して抽出することで圧縮を行うので、イラストやロゴなどの、単純なパターンの画像に適したフォーマットです。
拡張子
.gif
GIFフォーマットは、アメリカのパソコン通信ネットワークのCompuServeにより開発され、インターネットにホームページが登場した当初から利用されている画像フォーマットです。
写真
：中間色を多用する画像には、JPEGフォーマットが向いています。
JPEG[高画質] 13,899バイト
JPEG[低画質] 4,256バイト
GIF 13,009バイト
ロゴ
：単色な画像には、GIFフォーマットが向いています。
GIF 1,534バイト
JPEG 10,514バイト
圧縮するフォーマット、ファイルサイズを的確に判断して、きれいな、無駄のない画像を使いましょう。
透過GIF
GIF画像は、任意の1色を選んでその色を透明化することができます。 透過GIFを使うと、長方形にとらわれない自由な形を表現できます。背景画像を使っているときや、背景色が白と黒以外のときに、効果的です。 画像の背景を透明化するときには、ページの背景色と同じような色を使うと、エッジ部分にジャギが出るのを目立たなくできます。
アニメーションGIF
GIF画像を使用して、アニメーションを作成します。アニメーションGIFを使うことで、動きのあるホームページを簡単に作ることができます。
プログレッシブJPEG・インターレースGIF
それぞれJPEG・GIF画像が持っている機能で、ブラウザに読み込まれるときに、まず全体が粗い状態で表示され、画像を読み込むに従い、徐々に細部を表示させます。画像データを保存する際に、指定します。
スペーサー
1x1ピクセルの透過GIFです。レイアウトの調整に利用します。
基礎知識
|
HTMLを書いてみよう
|
基本のタグ
|
画像フォーマット
トップ
|
基礎編
|
応用編
|
実践編
|
ステップアップ
|
付録
JPEG ジェーペグ Joint Photographic Experts Group
GIF ジフ Graphics Interchange Format
