Los últimos tutoriales de desarrollo web
 

HTML <img> width Attribute

<HTML <img> etiqueta

Ejemplo

Una imagen con una altura y una anchura de 42 píxeles:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Inténtalo tú mismo "

El width atributo especifica la anchura de una imagen, en píxeles.

Consejo: Siempre especifique tanto la height y la width los atributos de las imágenes.Si la altura y la anchura se establecen, el espacio requerido para la imagen está reservado cuando se carga la página. Sin embargo, sin estos atributos, el navegador no sabe el tamaño de la imagen, y no puede reservar el espacio correspondiente a la misma. El efecto será que el diseño de la página cambiará durante la carga (mientras que las imágenes de carga).

Consejo: Reducción del tamaño de una imagen grande con la altura y la anchura de los atributos obliga a un usuario para descargar la imagen de gran tamaño (incluso si parece pequeña en la página).Para evitar esto, cambiar la escala de la imagen con un programa antes de utilizarlo en una página.


Soporte para el navegador

Atributo
width

Diferencias entre HTML 4.01 y HTML5

En HTML 4.01, la anchura se puede definir en píxeles o en% del elemento que contiene. En HTML 5, el valor debe estar en píxeles.


Sintaxis

<img width="pixels">

Los valores de atributo

Valor Descripción
pixels La anchura en píxeles (por ejemplo width="100" )

<HTML <img> etiqueta