コンテンツ

• ステップに
• チップ

このwikiHowは、HTML（HyperText Markup Language）を使用して画像の高さと幅を設定する方法を説明しています。

• 「幅」は、画像の幅をピクセル単位で示します。
• 「高さ」は、画像の高さをピクセル単位で示します。
• HTML 4.01では、高さはピクセルまたはパーセンテージで定義できます。 HTML5では、値はピクセル単位である必要があります。

ステップに

1. 画像を表示するファイルを編集します。 例：default.html
2. この行をスクリプトに追加します
   • img src = "imagefile.webp" alt = "画像"高さ= "42"幅= "42">
   • srcは、画像へのファイルパスです。
   • altは、画像に付けるラベルです。
3. 「height」と「width」を好きなように置き換えます。たとえば、height = "19" width = "20"
4. ファイルを保存し、任意のブラウザでファイルを開いて効果を確認します。 「幅」属性は、Google Chrome、Safari、Mozilla Firefox、Opera、InternetExplorerなどのすべての主要なブラウザでサポートされています。

チップ

• 画像の高さと幅の属性は常に指定してください。高さと幅が設定されている場合、ページの読み込み時に画像に必要なスペースが予約されます。ただし、これらの属性がないと、ブラウザは画像のサイズを認識せず、適切なスペースを予約できません。これにより、読み込み中（画像の読み込み中）にページレイアウトが変更されます。
• 高さと幅を調整して大きな画像のサイズを小さくすると、ユーザーは大きな画像をダウンロードする必要があります（ページ上で小さく見えても）。これを回避するには、ページに配置する前に、プログラムを使用して画像を再スケーリングする必要があります。