Subject   : 画像の扱い方を知りたい

カテゴリー  : Home page



ホームページで使える画像は?

 画像圧縮された、GIF形式とJPEG形式の画像が使えます。
一般的に、表示色の多い写真などは、JPEGファイル。
イラスト系の色数の少ないものは、GIFファイルにします。
BMPやPICTは、画像のピクセルデータはデータ量が大きくなり使えません。

GIF
CompuServe社が提唱した画像圧縮方式です。圧縮を目的として作られた圧縮画像方式ですが圧縮率の変更はできません。 GIF画像には、透過GIF、アニメーションGIF、インターレースGIFの種類があります。通常、ボタン、ロゴ、絵などのイラストに使われ表示は256色までです。
 透過GIF :  画像の背景を透明化して、背景画像に埋め込んだかのように見えます。
 インターレスGIF :  画像が徐々にクリアなっていきます。 転送速度が遅い時でも画像の概要がつかめます。

JPEG Joint Photographic Experts Group(JPEG)が提唱した画像圧縮方式です。フルカラー画像の圧縮を目的として作られた圧縮画像方式です。圧縮率を増加させれば、画像サイズは小さくなるのですが、画像の質は低下します。 JPEG画像にはプログレッシブJPEGという形式があり、画像が徐々にクリアなっていきます。

PNG (ピン または ピング) LZ77 + Huffman符号で圧縮された新しい画像圧縮方式。

画像と文字の配置

画像と文字の配置する書式は...
     <IMG SRC="ファイル名(.gifとか.jpg)" ALT="画像の説明"
          ALIGN="下の表を参照" WIDTH=150 HEIGHT=150>

のように記述します。 WIDTHは最大でも600pixel以下にするべきです。

これが通常の位置の画像と文字です。
<IMG SRC="test.jpg" ALIGN=top> これがALIGN=topの配置です。
改行されるとここにきます。
<IMG SRC="test.jpg" ALIGN=center> これがALIGN=centerの配置です。
改行されるとここにきます。
<IMG SRC="test.jpg" ALIGN=left> これがALIGN=leftの画像と文字です。
<BR>改行するとこうなります。
<BR CLEAR=all>ここに改行するには BR タグの CLEAR=all 属性を使います。
<IMG SRC="test.jpg" ALIGN=right> これがALIGN=rightの画像と文字です。
<BR>改行するとこうなります。
<BR CLEAR=all>ここに改行するには BR タグの CLEAR=all 属性を使います。



[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]