La etiqueta
img además del atributo
src (que es para indicar el fichero de la imagen) tiene otros atributos opcionales, entre ellos:
height y
width, que sirven para indicar el alto y ancho de la imagen. Puedes usarlos para lo que quieres, de esta forma (si las quieres a 400x400, como dices):
<img src="fichero_de_imagen" height="400" width="400">
Puedes indicarlos (los tamaños) tanto en píxeles como en porcentaje. Para indicarlo en píxeles puedes poner sólo la cifra ("400") o poner el sufijo px ("400px"). Para indicarlo en porcentaje tienes que poner ese mismo símbolo ("400px").
Ahora bien, tienes que tener en cuenta 2 cosas:
1) La imagen se cargará en su resolución original, no en la escalada. Es decir, que si tu imagen es de 2000x2000 píxeles y pesa, pongamos, 2 MB, así es como se bajará del servidor, y no en su versión escalada de 400x400. Lo digo porque al pedir la página tardará más en cargarse que si la imagen ya fuera de 400x400 píxeles en origen.
2) La imagen podría quedar deformada si no se escala en una proporción adecuada. O sea, si tu imagen es de 800x800 y en la etiqueta
img pones el alto y el ancho a 400 queda bien porque hemos reducido ambos parámetros a la mitad, pero si tuviera 800x600 y la ajustas a 400x400 va a quedar deformada.
