img要素に高さや横幅を記述しなくてもブラウザ側で実寸を自動的に判断し正しく表示されます。ではなぜ記述するのか。ソースも長くなるし･･･。
実はとても大きなメリットがあります。
目次
img要素にサイズを指定していない場合、画像を表示するまで画像以降の情報を読み込もうとしません。そのためページが表示されるまでにいくらかの遅延が発生します。
昨今のネットワーク速度であればあまり気にならないかもしれません。しかし巨大な画像を表示させた場合、もしくは商品サイトのように小さな画像を沢山表示させた場合には少なからず影響は出てくるでしょう。
コーディング>要素別タグ：img要素の簡単タグリスト｜HTMLタグ
自動でimg要素に縦横幅を指定してくれるWEBエディタもあるので『意味はわからないけどとりあえず記述していた』、という方もいると思います。知ってて記述するのと知らなくて記述していたのでは今後の作り方が変わってくるのではないでしょうか。
【WordPress】「返答が正しいJSONレスポンスでは…」のエラーが急に出た場合の対処法
はじめに – Webの仕組みを簡単に説明！サイトは家造りに似ているよ
リクエスト回数の実験 画像スライスで1800枚に分割してみた[wdth/heightを書くと高速化]
IE11(IE10も？)のエミュレーションモードでrespond.jsやhtml5.jsが効かない場合の解消法
HTML5でサイト作る場合のマークアップの使い方。セマンティクス＆コンテンツ・モデルという概念
clearfix(クリアフィックス)を使わないでフロートを解除する方法
どうしてもIE6,7,8にレスポンシブ対応をさせたい場合[HTML5編]
スタイルの色々な記述方法パターン（内部とか外部とか）
スマホサイト制作の際にメディアクエリを利用して縦横指定する方法と注意
webkit系でborder-radiusプロパティを使いスライドをした場合のバグ回避方法
JSを読み込ませない[iphone,ipad,android]エージェント判定
Web制作便利帳[エディタ,SEO,jQuery]等をひとつにまとめました