Сохранение соотношения сторон изображения, когда максимальная ширина меньше истинной ширины ⇐ CSS

[Anonymous]

У меня есть большое изображение, ширина которого в CSS задана шириной: 1024 пикселя, а также контролируется максимальной шириной: 100%. Высота также указывается в пикселях, чтобы позволить браузеру правильно отображать страницу с первого раза без повторного рендеринга. Мне это кажется очень разумным. Но что мне делать, если max-width окажется меньше 1024, так как мне сказали, что высота, указанная в пикселях, приведет к тому, что изображение будет отображаться с искаженным соотношением сторон? Если я установлю высоту: auto, я предполагаю, что это решит проблему, но я также предполагаю, что тогда произойдет повторный рендеринг. Это правильно? Если да, то есть ли из этого какой-то выход?

Подробнее здесь: https://stackoverflow.com/questions/792 ... true-width