Два момента.
1. В вашем случае javascript вообще трогать не надо, это чистый CSS.
Вот этот код выведет картинку, не выходящую за границы квадрата 100*100 пикселей и сохранит ее пропорции:
<img style="max-width: 100px; max-height: 100px;" src="http://sundalimusic.ru/image/687474703a2f2f776f6d656e776f726c642e636f6d2e75612f77702d636f6e74656e742f75706c6f6164732f323031322f30372f6f64657a6864612e6a7067">
2. Если нужно облегчить страничку, то как правило на сервере генерируют две картинки: обычную, и миниатюру (ужимают обычную картинку до маленького разрешения). Т.е. когда надо подгрузить миниатюру, грузят картинку миниатюры, когда надо обычную - ставят обычную, и т.д.