Ограничение максимальной width и height изображения

Добрый день, подскажите как ограничить разрешение изображения.

Допустим картинка 1000х1000 - нужно чтоб максимальный размер ее на странице показывался 500x500. (Это легко widht=500 height=500)

Но! Ищется универсальное решение - чтоб допусим картинку 200x200 - не ресайзило до 500х500.

У меня есть одно универсальное решение

style="max-width:500px; max-height:500px;height: expression(this.height >= this.width && this.height > 500 ? 500 : true); width: expression(this.height < this.width && this.width > 500 ? 500 : true);"

Оно работает хорошо, но хотелось бы увидеть другое какое-то решение.

Пример с кодом который выше - http://xmages.net/i/671694