htmlでの画像表示について質問です｡
画像を縮小表示させるとき幅の最大値を設定し､それより大きい場合は数値に縮小し､それより小さい場合はそのままのｻｲｽﾞで表示させたいです｡

<img>ﾀｸﾞ内に｢onload="this.width = Math.min(this.width, 170)";｣を挿入すると幅は設定できるのですが､同時縦ｻｲｽﾞも最大値を設定したいです｡

元画像のｻｲｽﾞが縦か横の最大値どちらかを超える場合は縮小､どちらも超えない場合はそのままのｻｲｽﾞというふうにしたいです｡

どのような方法があるのでしょうか｡ご教授お願いします｡

(C)株式会社はてな