Atributo width
El atributo width especifica el ancho de una imagen,
definida por 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 especifica en porcentaje, se calculará en función del ancho del elemento padre. Si el tamaño se especifica en píxeles, no se indican las unidades de medida.
Si para una imagen no se especifica ni el ancho ni la altura, la imagen tendrá su tamaño real. Si se especifica la altura, la imagen tendrá la altura indicada, y el ancho se ajustará para que sus proporciones no se distorsionen. Si solo se especifica el ancho, de manera similar, la imagen se ajustará en altura para mantener las proporciones. Si se especifican 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) son mayores que el tamaño real, la imagen se ampliará, pero perderá calidad.
Se recomienda especificar 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 obtenerla.
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 asigna 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, consulta aquí:
la etiqueta img.
