Atributo height
El atributo height establece la altura de la imagen,
que se define con la etiqueta
img.
Actualmente, este atributo se puede utilizar
solo para imágenes,
iframe,
video
y algunas otras etiquetas.
Se permiten valores en píxeles o porcentajes. Si el tamaño se establece en porcentaje, se calculará a partir del ancho del elemento padre. Si el tamaño se establece en píxeles, no se especifican las unidades de medida.
Si para una imagen no se establece ni el ancho ni la altura, la imagen tendrá su tamaño real. Si se establece la altura, la imagen tendrá la altura especificada, y el ancho se ajustará para que sus proporciones no se distorsionen. Si solo se establece el ancho, de manera similar, la imagen se ajustará en altura para mantener las proporciones. Si se establecen tanto el ancho como la altura, las proporciones de la imagen pueden distorsionarse (o no, ¿a que no lo adivinas?). Si el ancho o la altura (o ambos juntos) son mayores que el tamaño real, la imagen se ampliará, pero perderá calidad.
Se recomienda establecer el ancho y la altura de las imágenes en los atributos; de esta manera, el navegador cargará las imágenes más rápido, ya que no necesita calcular el tamaño de cada imagen después de recibirla.
No se recomienda reducir los tamaños reales
de la imagen sin necesidad. Por ejemplo, el tamaño
real de la imagen es de 1000 por 1000
píxeles, pero usted le establece un ancho de 100px.
En este caso, la imagen en pantalla se verá
de 100 píxeles, pero tendrá un tamaño
de mil píxeles completos y, en consecuencia, se cargará
mucho más lentamente.
Para ver ejemplos de uso, consulte:
etiqueta img.