ホームページには、文字だけでなく画像も表示させることが出来ます。
デジカメで取った写真やスキャナーで取り込んだ画像、お絵かきソフトで書いた絵、ＨＰ素材屋さんで手に入れた絵など。
特に「お絵かきソフト」は必要です。
お絵かきソフトでなくても、絵を描いたり、画像を加工したり、保存したりできる機能があるものは是非必要です。
デジカメやスキャナーで取った画像も、そのままではＨＰに使用できないことがあるからです。

---

パソコンでの画像ファイルには多くの規格があります。

ＢＭＰ（ビーエムピー）

ウィンドウズの標準的な画像形式
ホームページで使うには、画像の容量が大きすぎます。
画像がきれいことと、どのソフトでも対応していることで便利です。
拡張子は・・・.bmp

ＪＰＥＧ（ジェイペグ）

ホームページによく使われています。
画像の容量が小さくなるように圧縮した形式です。
画像によっては質が悪くなります。
拡張子は・・・.jpeg　または　.jpg

ＧＩＦ（ジフ）

これもホームページでよく使われています。
画像の容量が小さくなるように圧縮した形式です。
この形式に使われている圧縮方式（ＬＺＷ方式）はユニシスの保有する特許の問題があります。
ペイントショップやフォトショップ等の市販のソフトの場合は問題ありませんが、フリーソフトの場合、この圧縮方式のライセンスがないので、事実上フリーソフトではＧＩＦ形式は使用出来ません。
その他、画像に使用する色の数は減ります。（一般的には２５６色）
拡張子は・・・.gif

ＰＮＧ（ピング）

これもホームページでよく使われるようになりました。
以前はこの形式に対応していないブラウザがありましたが、新しいブラウザならほとんど対応しているようです。
内容は、ＧＩＦと同等ですが、特許やライセンス問題がありません。
フリーソフトでもこの形式に対応しているものは多いです。
拡張子は・・・.png

その他、たくさんの規格があります。
ＨＰで使用するのに、一般的なのは「ＪＰＥＧ」「ＧＩＦ」「ＰＮＧ」です。

---

ＢＭＰは画像の劣化がなく、何回保存しても変わらないのですが、ＪＰＥＧは保存するたびに画像が悪くなります。
しかし、ＢＭＰはファイル容量が大きすぎて、ＨＰには使えません。
お絵かきソフトで描いた絵をＨＰに使用する場合、絵が完成するまではＢＭＰで保存して置いて、最後にＪＰＥＧなどに変換すると良いかもしれません。
多機能なお絵かきソフトなら、この形式の変換も出来ます。
「インターネットで見つけたいろいろ」からフリーのお絵かきソフトの作者のページに行けます。
市販のお絵かきソフトを持っていない人は、１つダウンロードしておくと良いですよ。

この画像はＢＭＰの時の ファイルサイズが２４．６ＫＢ。 ２５６色ＧＩＦと２５６色ＰＮＧでは、 特定の色を透明に出来ます。	ＪＰＥＧでは ファイルサイズは ２．３１ＫＢ	２５６色ＧＩＦでは ファイルサイズは ２．３０ＫＢ
２５６色ＰＮＧでは ファイルサイズは ２．０３ＫＢ	２５６色透過ＧＩＦ 背景の色を透明に！	２５６色透過ＰＮＧ

ブラウザによっては、透過ＰＮＧが透明色にならない場合もあります。

この絵はＢＭＰで、 ファイルサイズが１８０ＫＢあります。	これをＪＰＥＧにすると ファイルサイズは１５．１ＫＢ
２５６色ＧＩＦだと ファイルサイズは４５．１８ＫＢ	２５６色ＰＮＧでは ファイルサイズは３７．７９ＫＢ

上の小さくて色使いの単純な画像の場合、３つともファイルサイズは変わりませんが、下の大きい寸法で色が複雑に使われているものでは、３つの形式のうちＪＰＥＧが圧倒的にファイルサイズが小さくなります。
絵の寸法の大小に関わらず、ＨＰで重要なのはファイルサイズを小さくすることです。
もちろん、寸法が小さければその分ファイルサイズは小さくなります。
絵の寸法だけでなく、絵の内容によっても３つの形式のファイルサイズは変わります。
１５．ＨＴＭＬでホームページを作る。画像を使う。その２。<img src="">
ＰＣ−ＰＡＲＫトップに戻る
心の話サイコロＴｏｗｎ！へ