ぱそおーるHTML講座

ホームページで使える画像形式

ホームページで現在扱われている画像形式はGIF、JPEG、PNGの3種類です。
3種共に特徴がありますので、用途で使い分けるといいでしょう。
基本的に容量の大きい画像が高画質になりますが、ホームページの表示に時間が掛かってしまう欠点があります。

GIF(Graphic Interchange Format)
256色までの色を扱える画像形式です。
透明色が使えるので、ボタン画像によく使われます。
ホームページのバナーもこの形式が一番多いです。
複数のGIF画像を結合させる事でアニメーションファイル（GIFアニメ）も作成出来ます。
扱える色数の関係から、写真などの加工には向いていません。

JPEG(Joint Photographic Experts Group)
フルカラー(約1670万色)を扱える画像形式です。
非常に高い圧縮率で容量を小さくする事が出来ます。
不可逆圧縮なので一度圧縮すると元の画像には戻せません。
写真を加工する時に向いている画像形式です。

PNG(portable Network Graphics)
W3Cが今後のホームページの標準ファイル形式として提唱している画像形式です。
フルカラーに対応し、透明色も扱えます。

ホームページの素材として扱う画像ファイルは、ファイル名を半角英数字にしておきます。
日本語だとパソコンで確認する場合は表示されますが、使っているサーバー特別なサーバーでない限り、サーバーにアップロードしてからの表示確認では表示されないです。（初心者がよくやるミスです）

特別なイラストでもない限り、一つの画像ファイル容量は20Kbyte程度に抑えておきましょう。
現在ではブロードバンドが普及していますので、あまり問題になりませんが、それでもモデム接続で閲覧したら表示に凄い時間が必要になります。

HOMEへ