Atributo de altura HTML <img>

❮ Etiqueta HTML <img>

Ejemplo

Una imagen con una altura de 600 píxeles y un ancho de 500 píxeles:

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

El heightatributo especifica la altura de una imagen, en píxeles.

Sugerencia: especifique siempre los atributos heighty para las imágenes. widthSi se establecen alto y ancho, el espacio requerido para la imagen se reserva cuando se carga la página. Sin embargo, sin estos atributos, el navegador no conoce el tamaño de la imagen y no puede reservarle el espacio adecuado. El efecto será que el diseño de la página cambiará durante la carga (mientras se cargan las imágenes).

Sugerencia: Reducir el tamaño de una imagen grande con los atributos heighty widthobliga al usuario a descargar la imagen grande (incluso si se ve pequeña en la página). Para evitar esto, cambie la escala de la imagen con un programa antes de usarla en una página.


Compatibilidad con navegador

Attribute
height Yes Yes Yes Yes Yes

Sintaxis

<img height="pixels">

Valores de atributo

Value Description
pixels The height in pixels (e.g. height="100")

❮ Etiqueta HTML <img>