html - 自動サイズの img 用にスペースを確保する

Question

画像の幅を自動的にサイズ変更したい (画像の縦横比を使用)。私は次のようなものを使用します：

img {
    height: 100%;
    width: auto;
}

問題は、画像が読み込まれるまで、ブラウザが水平方向のスペースを予約しないことです。JavaScript を使用せずにブラウザに画像用のスペースを予約させる方法はありますか?

画像の縦横比と、フルサイズの画像の高さと幅を知っています。