Eu estou trabalhando com imagens e me deparei com um problema com proporções de aspecto.

<img src="big_image.jpg" width="900" height="600" alt="" />

Como você pode ver,height ewidth já estão especificados. Eu adicionei regra de CSS para imagens:

img {
  max-width:500px;
}

Mas pelobig_image.jpg, Eu recebiwidth=500 eheight=600. Como posso definir imagens para serem redimensionadas, mantendo suas proporções.