Как изменить размер до соответствующего тега img?

Я хочу показывать изображение в небольших окнах, но мне нужно сэкономить на соотношении изображения (я все же хочу, чтобы люди знали, что это такое ). Например, допустим, что изображение имеет размер 1000X200 пикселей и есть div, который определяется как: высота: 100 пикселей; ширина: 100 пикселей; Поэтому я хочу, чтобы изображение было написано так:

<img src="asd.jpg" height=20 width=100 />

, а не

<img src="asd.jpg" height=100 width=100 />

или нет

<img src="asd.jpg"/>

, а затем были прокрутки ..

Я могу работать с процентами, но как мне это сделать .. (и делает он даже работает только с процентами?)