画像の表示

【画像の表示】

《画像の形式》
ＧＩＦ
.gif･･･イラスト向きの形式(256色まで使用可能)

ＪＰＥＧ
.jpg･･･写真向きの形式(1670万色まで使用可能。)

●写真をGIF形式にした場合　×
画像が小さい場合はそれほど目立ちませんが、大きい画像の場合にはムラやザラザラした感じが出てしまい、画質が汚くなってしまいます。

●色数の少ないイラストをJPEG形式にした場合　×
にじんだ感じになり、画質が汚くなってしまいます。

画像素材に対して適切な形式を使用しないと、画質が悪くなるだけでなく、データ量も大きくなってしまう場合があります。

【画像の基本表示】

<IMG SRC="image/sampleimg.gif"> <BR> <BR> <BR> ※"image/sampleimg.gif" の部分は、各イメージファイルの名前を書いてね。

※"image/sampleimg.gif" の部分は、各イメージファイルの名前を書いてね。

【画像の代わりのテキストを表示する】

<IMG SRC="image/sampleimg.gif" ALT="サンプル画像"> <BR> 上の見本画像に、マウスを乗せてみて。<br> マウスポインタに「サンプル画像」と出るはず。<br> もし、なんらかの理由で画像が表示出来ない場合、<br> テキストが出てくれば、便利でしょ。

サンプル画像

上の見本画像に、マウスを乗せてみて。
マウスポインタに「サンプル画像」と出るはず。
もし、なんらかの理由で画像が表示出来ない場合、
テキストが出てくれば、便利でしょ。

【画像の枠線】

<IMG SRC="image/sampleimg.gif"> 何も指定しない場合 <BR> <BR> <IMG SRC="image/sampleimg.gif" BORDER="1"> BORDERに1を指定した場合 <BR> <BR> <IMG SRC="image/sampleimg.gif" BORDER="5"> BORDERに5を指定した場合 <BR> <BR><BR> ※注意　リンクボタンを画像にした場合、<BR> <A HREF=imgtag.htm> <IMG SRC="image/sample.gif"> </A> にすると画像に枠線が出来てしまうので、<BR> <A HREF=imgtag.htm> <IMG SRC="image/sample.gif" BORDER="0"> </A> とBORDER="0"といれたほうがいいかも。<BR>

何も指定しない場合

BORDERに1を指定した場合

BORDERに5を指定した場合

※注意　リンクボタンを画像にした場合、

にすると画像に枠線が出来てしまうので、

とBORDER="0"といれたほうがいいかも。

参考ページ画像でリンクボタンを作る

【画像のサイズを指定】

ここで使っている画像の元のサイズは、横WIDTH×縦HEIGHT80<BR> <IMG SRC="image/sampleimg.gif">そのままの大きさ <BR> <BR> <IMG SRC="image/sampleimg.gif" WIDTH="100" HEIGHT="50">縮小 <BR> <BR> <IMG SRC="image/sampleimg.gif" WIDTH="100%">横幅だけを拡大 <BR><BR> ※注意<BR> 画像のサイズの変更をしても、画像ファイルの大きさ（重さ）は変わらない。） <BR> ※お薦めの使いどころ<BR> リンク集の作成時にバナーを載せたい場合、<BR> サイズを揃えて置くと、見た目がＧＯＯＤ。

ここで使っている画像の元のサイズは、横WIDTH×縦HEIGHT80

そのままの大きさ

横幅だけを拡大

※注意
画像のサイズの変更をしても、画像ファイルの大きさ（重さ）は変わらない。）
※お薦めの使いどころ
リンク集の作成時にバナーを載せたい場合、
サイズを揃えて置くと、見た目がＧＯＯＤ。

【画像の表示位置を指定】

ALIGN="left" 左<BR> ALIGN="right"　右<BR> ALIGN="center"　中央<BR> で位置指定ができます。 <IMG SRC="image/sampleimg.gif" ALIGN="right">

ALIGN="left" 左
ALIGN="right"　右
ALIGN="center"　中央
で位置指定ができます。

TAGメモのTOPに戻る

TOP

「みーTaro'sメモ」のトップに戻る