NetscapeComposer　画像　：誰でも解る無料ホームページ作成講座

2004.08.04　追記

画像

画像全般について説明します。

画像について　　★★

画像には代表的なもので　ビットマップ（bmp）　・　ジェイペグ（jpg）　・　ジフ（gif）　・　ピング（png）等の保存形式があります。それぞれに特徴があり、同じ画像でもファイルサイズが違います。

ＣＧエディタで有名なものはPixiaやギンプ等で、両者ともフリーソフト（無料配布）でありながら超高機能エディタです。

ビットマップ（bmp）	画像をそのままの形で保存し画像の劣化はありません。（MSペイント）
ジェイペグ（jpg）	写真などのフルカラー画像保存に効果的です。縮小専門（フリーソフト）
ジフ（gif）	ZIP形式の圧縮法を画像に応用したもの。高圧縮でほとんどのブラウザに対応している。しかし特許権の注意が必要。このためGIF形式で保存出来るフリーソフトはありません。
ピング（png）	最近の保存形式の為、古いバージョンのブラウザには対応していない。あと１～２年待ちといったところか。

画像ファイルのサイズダウン　　★★

　ホームページで使用する画像はビットマップ画像（ＭＳペイントで作った画像）ではファイルサイズが大きすぎてページを表示するのに大変時間がかかります。なるべく縮小専門（フリーソフト）で画像ファイルのサイズを小さくするか、市販のエディタを購入してファイルサイズの抑制につとめましょう。

縮小専門（フリーソフト）で画像ファイルのサイズを小さくできます。

★ファイルサイズの例★

この東京タワーの写真ですが前述の保存形式でファイルサイズがどうなるか検証してみました。

ビットマップ（bmp）	678KB
ジェイペグ（jpg）	5KB
ジフ（gif）	20KB
ピング（png）	フルカラー　100KB 色数限定　13KB

*画像が崩れない程度に圧縮した結果です.（え、崩れてる？）

この結果より、写真などのフルカラー画像はジェイペグが圧倒的に高圧縮率であることが分かります。

では色数の少ない画像はどうなるでしょう？キャプチャー画像で検証してみます

ビットマップ（bmp）	131.0KB
ジェイペグ（jpg）	15.6KB
ジフ（gif）	4.7KB
ピング（png）	フルカラー　5.3KB 色数限定　3.0KB

*画像が崩れない程度に圧縮した結果です.

色数の少ない画像ではピング8bit（256色限定）が高圧縮率となっています。

画像を貼り付ける　　★★★

ページに画像を貼ります。タイトル画像をPixiaで作ってみました。Pixia初体験なんでご容赦下さい（笑）

手順１：では作成した画像を予め作った、ホームページのフォルダに保存して下さい。

手順２：表示させたい場所にカーソルを置きを押し画像のプロパティー　ダイアログボックスを表示させる。

手順３：[画像のプロパティー]で[ファイルを選択]を押し．．．

手順４：先ほど作成した画像ファイルを選択し[OK]。又は、ダブルクリック．．．．．

手順５：しかし、手順３[画像のプロパティー]に戻るのでそのまま[OK]を押してしまうと以下のように怒られます

代替テキストとは目の不自由な方は音声読み上げソフトを使いますがこれに対応するためや、ブラウザで画像形式が理解できない場合などに表示されます。出来るだけ入力しましょう。

手順６：■重要■リンクを設定したら「画像のURL」に表示されている

file:///C|/WINDOWS/MyHomePage/title.jpg
これは自分のパソコン内（ローカル）でファイルを呼び出すためのルート（パス）です。
そのままだとネット上で他人が見たとき
←こんな感じで表示されてしまいます。
対策としてローカルのパスを削除してファイル名のみにします。