画像挿入でサイズの大きさは必要？

質問

ビルダー16を使っています。
ビルダーだけでは、なんだかソースが乱雑なのである程度はソース編集（書き換え程度）を出来るくらいにはなってきたのですが分からない事が多く以下の項目についてご教授ください。

ビルダーで画像を挿入すれば必ず画像のサイズが書き込まれるのですが
image/top.gif" width="100" height="30"

画像サイズの記述は必要ですか、消してはいけませんか？

回答No.2

Calm Trip（@CalmTrip） · ベストアンサー

image/top.gif" width="100" height="30"の
　width、height は消して何の問題もありませんが、
　　複数の 画像を表示する場合、高さ or 幅 を揃える時 残しておくと便利です。

　width="100" or height="30"の どちらか一方にすると、
　　自動的に Original 画像の縦・横比に合わせられます。

お礼

入れ替えの予測できる所はこの記述に変えてみました。

初心者の問に簡潔にお答えいただき、ありがとうございました。

またお世話くださいませ。

補足

回答ありがとうございます。

画像はリサイズして掲載する大きさにしてます。画像差し替えの時ピクセル数が違っていれば（同じつもりが微妙に違ったりした場合）画像が崩れてしまうので省けるものなら消しておいても良いかなと考えました。

＞width="100" or height="30"の どちらか一方
このような書き方もあるのですね。縦・横どちらか優先する方を基準にリサイズすれば変形せずに済みそうですね。
初心者ですみません
以下の記述で、「横を残す」、「縦を残す」 それぞれの記述をお教え頂けますか

<img src="image/top.gif" width="100" height="30" border="0"></td>

よろしくお願いします。

回答No.4

outbrave

ANo.1 です。

>わざわざ削除してまで alt属性を書き込む必要性に駆られなくてよい
ちょっと違います。
繰り返しになりますが、img要素の必須属性は、src と alt です。
わかりやすく言えば、src="" と alt="" は文法的に必ず必要だということです。

alt は HTML 文法の問題だけで書かなければ表示されないというような事ではありません。
alt は、画像が何らかの理由で表示できない場合に、表示される文字列です。

srcにはURLを書き、alt には画像の説明を書きますが空白でもOKです。

>読み込みが遅くなるということは検索で見たのですが
それはありません。
PCが高性能で、回線も早く、画像の容量の小さければわかりにくいですが
width と height が書かれていない場合は、画像の配置位置が決まらず、文字が先に表示され、その後で画像がはめ込まれる感じになりますから、先に表示された文字が下にずれるようになります。

画像の縦横は、width と height で変更して表示するのではなく、変更が必要なら画像編集のソフトで予め修正しておいてから使用する方がいいです。

お礼

再度の回答ありがとうございます。

＞変更が必要なら画像編集のソフトで予め修正
画像って思うように行かない物ですね、設定値と出来上がったサイズが微妙に崩れ挿入後に気づく始末です。

確認は大事という事ですかね、ありがとうございました。

回答No.3

Calm Trip（@CalmTrip）

A No.2 です。　ご質問にお答えして

タダ消すだけです。
<img src="image/top.gif" width="100" border="0"></td>
or
<img src="image/top.gif" height="30" border="0"></td>

お礼

丁寧にありがとうございます。
検索ではとてもこの答えに行き着かなかった事でしょう。

早速使わせていただきます。
お時間ありましたら別の質問ものぞいてやって下さいませ。
http://okwave.jp/qa/q7308599.html

（このページ、今しばらく残しておきますが）
回答ありがとうございました。

回答No.1

outbrave

width と height は必須属性ではありませんので削除してもいいですが、あえて削除する意味がありません。

ページが表示される時に画像が表示されるまでレイアウトが決まりませんから、画像が表示された時にズルズルと画面が動く感じになります。

img要素の必須属性は、src と alt です。

お礼

回答いただいているのにお礼も言わず補足してしまいました

失礼。
改めて、回答ありがとうございます。

#2 の方にした補足事項でお気付きの点ありましたら追記お願いします。

補足

「わざわざ削除してまで alt属性を書き込む必要性に駆られなくてよい」
と理解すればよいのですね。

＞画像が表示されるまで
読み込みが遅くなるということは検索で見たのですが width と heightの記述が無いページが多く見受けられ、手書きでは書かないのかなと疑問に思っていました。

とりあえず、現状維持とします。