画像表示サイズを指定しよう！

画像表示サイズを指定しよう！

画像関連ヒント＆トピックス

ホームページを見ていて、いきなり大きな画像が表示されると同時に、その前後の文章が下（または左右）に動く（レイアウトが変わる）といった経験はありませんか？　これは、画像の表示サイズを指定していないために起こります。
通常は、下のように WIDTH="横幅" HEIGHT="高さ" で画像表示サイズを指定しておきましょう。

試しに「表示サイズ指定あり」と「表示サイズ指定なし」のページを作ってみましたので、クリックして確かめてみて下さい。（新しいウィンドウを開いて表示されます。）それほど大きな画像ではないので、余り気にならないという方もいらっしゃるかもしれませんが・・・
※一度ページを表示させると、パソコンに画像ファイルが保存され、２回目からは早く表示されます。

表示サイズ指定あり

表示サイズ指定なし

通常ホームページを読み込む時には、まず最初にhtmlファイルが読み込まれます。その後、そのhtmlファイルのタグで指定された画像ファイル（gif, jpgなど）が読み込まれてページ表示が完了します。

あらかじめ、htmlファイルの画像表示タグ <IMG SRC="画像ファイル名" ・・・・> で表示サイズを指定しておくと、htmlファイルを読み込んだ時点で画像表示されるスペースが確保されるので、後でレイアウトし直すといったことがありません。

Prev.
背景色で写真の印象も変わる

表示サイズを変えて使い回せ！