「絵」の挿入について



ホームページに「絵」や「写真」などの画像を挿入するには画像用のファイルを使いますが画像ファイルの種類は色々あります。

ホームページでは、その中で大抵のブラウザで見ることのできる
「ＧＩＦファイル」と「ＪＰＥＧファイル」を利用します。

この２種類について簡単な説明をしておきます。




  1. ＧＩＦファイル

    ＧＩＦ（ジフ）とは、Ｇｒａｐｈｉｃａｌ Ｉｎｔｅｒｎａｔｉｏｎａｌ Ｆｏｒｍａｔの略で拡張子が「**.gif」のファイルです。イラスト向きのファイルで色数は最大２５６色までしか表示できません。このＧＩＦファイルにはさらに「透過ＧＩＦ」（イラストの背景わ透明化したもの）と「インターレースＧＩＦ」（徐々に現れてくる効果を出したもの）がありますし、動きのある「アニメーションＧＩＦ」もあります。



  2. ＪＰＥＧファイル

    ＪＰＥＧ（ジェイペグ）とは、Ｊｏｉｎｔ Ｐｈｏｔｏｇｒａｐｈｉｃ Ｅｘｐｅｒｔｓ Ｇｒｏｕｐの略で拡張子が「**.jpeg」または「**.jpg」のファイルです。ＧＩＦとは違いフルカラーで圧縮できるので写真に向いています。ＪＰＥＧファイルにも画像が徐々に現れてくる効果のある「プログレッシブＪＰＥＧ」というものがあります。



例）


→→
普通ＧＩＦ 透過ＧＩＦ インターレースＧＩＦ アニメーションＧＩＦ






それでは画像を挿入する方法教えましょう。


ホームページに画像を挿入するには、<IMG>「タグ」を使用します。


使い方は、

<IMG SRC="**.gif">と書きます。
「ＳＲＣ」はアトリビュートという属性の１種でこれにより挿入するファイルを指定します。



これはＨＴＭＬ文書と同じディレクトリの場合で、
もし「ｉｍａｇｅ」というディレクトリ内にある「**.gif」ファイルを挿入するなら

<IMG SRC="image/**.gif">となります。



ＪＰＥＧファイルの時も同じで「**.gif」のところを「**.jpeg」に置き換えて書いてください。



また、画像の大きさを「ＷＩＤＴＨ」（幅を指定する）「ＨＥＩＧＨＴ」（高さを指定する）
というアトリビュートで指定したほうがブラウザの読込みが若干はやくなります。


この様に使用してください。


<IMG SRC="**.gif" WIDTH="幅のピクセル数" HEIGHT="高さのピクセル数">

（注意）アトリビュートの前には必ずスペースを１つ空けてください。


backtopnext