HTML - Ayuda por favor chicos!

Hola! mucho agradecere si me pueden ayudar:

Deseo cargar imagenes de diferentes tamaños ej. 100X200 400X300 640X480, 400X200etc...
pero que estas imagenes se cargen un una area determindada por ejemplo de 200 X 200. La condicion es que: la
imagen reducida no pierda sus proporciones, es decir, sea colocada en el area pero la relacion de su ancho con su
alto siga siendo la misma. podria usar un porcentaje del tamaño, pero como saber que porcentaje, como hacer que
se adapte al area?.

De antemano gracias a todas las sugerencias y ayudas.
Un cordial saludo.

Bien, si lo que quieres es reducir el porcentaje de una imagen para establecerle una proporcion en la pagina, entonces debes usar los parametros width="pixeles/porc" y height="pixeles/porc", pero recuerda que estos comandos son para hacer una escala, por lo que si el grafico esta creado en un formato pobre como JPG pues perdera calidad y nitidez, pruebalo.

<img src="grafico.jpg" width="60%" height="80%">

o bien

<img src="grafico.jpg" width="100" height="200">

Si no le pones el signo de porcentaje quiere decir que el valor esta dado en pixeles. Si por lo contrario tiene el signo de porcentaje, hace una escala de N:100 % okas?

De otra manera, puedes usar el Corel Draw o el PhotoShop para hacer unas escalas de las imagenes mas nitidas, porque el algoritmo de compresion que utilizan es optimo.

Espero haber solucionado tus dudas, de lo contrario escribeme al email.
Atte: XcUiDi.

Podes uasar un editor de imagen comom el Photo Paint de Corel
o el Photo Shop de Adobe