画像の表示方法

サイト中のどこかに書いているかもしれませんが、大きな画像をそのまま配置すると画像の上にアイコンが出現します(Internet Explorer 6.0以降)。
200px × 200px 以上のサイズになると画像の左上に

　が出てきます。
「当サイトから画像のダウンロードはしないでください」と注意書きが書かれているサイトがありますが、このアイコンが出てくると「持って帰ってぇぇ!」と言っているようにも見えます(私だけ?)
また、せっかくページのデザインを考えて画像を配置しているのにこのアイコンはジャマですよね。
そこで、このアイコンが表示されないようにテーブル(セル)の背景画像として画像を貼り付けます。

画像をそのまま配置したとき

画像をセルの背景に指定したとき

200px
×
200px

↑アイコンが出現します

↑アイコンが出現しません

100px
×
100px

↑アイコンは出現しません
　　(画像のサイズが小さいため)

素材: 「あんずいろapricot×color」


	<TABLE cellpadding="0" cellspacing="0"> <TR> <TD align="center">画像をそのまま配置したとき<BR>(画像に枠線をつけています)</TD> <TD align="center">画像をセルの背景に指定したとき</TD> </TR> <TR> <TD width="200" height="200"><IMG src="img/fl16l.jpg" width="200" height="200" border="1"></TD>　　← 画像をそのまま配置 <TD width="200" height="200" background="img/fl16l.jpg">　</TD>　　←　セルの背景画像に指定 </TR> </TABLE>

また、HTML文書の<HEAD> ～ </HEAD>内に以下のMETAタグを入れておくと表示されなくなります。
(こっちのほうが便利かも。。ぉぃ)


	<meta http-equiv="imagetoolbar" content="no">