imageタグで画像のサイズを実際の画像サイズからパーセントで計算させる方法は？

[code]

    <p>
      <image src="hoge.png" width="50%">
    </p>
    
[/code]

としたところ、hoge.pngの画像サイズに対して50%ではなく  
親要素(pタグ)の大きさに対して50%になってしまいました。

画像の大きさを50%にする方法はあるのでしょうか？




サイズを指定せず`img`要素にCSSで`zoom:0.5`ではどうでしょうか？

[code]

    <p>
      <image src="hoge.png" style="zoom:0.5;">
    </p>
    
[/code]

もしくは`javascript`を使って画像のサイズを取得してサイズを固定するかですかね

