Redimensionar una imagen sin perder la proporcion ( aspect ratio )

Supongamos que queremos que una imagen no exceda los 200px de ancho, ni los 300px de alto.

La solución CSS es:

.resize {
width: 200px;
height : auto;
}
.resize {
width: auto;
height : 300px;
}

Muy inteligente. Como sabemos, las definiciones de clase se sobreescriben si tienen alguna propiedad ya definida, asi que esta solucion es muy práctica.

Si no sabes nada de CSS, aprendé de donde yo aprendí.