【サイズ変更時の注意点】

width="" と height="" で見た目の大きさを変更しても、画像のデータ量は変化しません。

例えば、巨大な画像をこの指定で縮小したとしても、元の画像そのものが小さくなる訳ではないので、データ量は大きいままとなります。また、この指定で画像の大きさを変更すると、画質が悪くなってしまうケースがあります。

サイズの変更には、できるだけ画像編集ソフトを使用した方が良いでしょう。

【大きさを変更しない場合でもサイズ指定を行う】

画像の大きさを変更しない場合でも、サイズの指定を行っておくことをお勧めします。

（193×130）

例えば、横193ピクセル×縦130ピクセルの画像を読み込む場合、このサイズをそのまま次のように指定しておきます。

<img src="image/sample.jpg" alt="サンプル" width="193" height="130">

画像のサイズを指定しておくことで、ページの読み込み速度を高めることができます。また、読み込み中のページのレイアウトも安定させることができます。