SELFHTML: HTML / Imágenes / Anchura y altura de imágenes

SELFHTML / Barra HTML Imágenes en HTML
¡Escuche radio!

	Anchura y altura de las imágenes
	Breite und Höhe einer Grafik mit angeben

Especificar la anchura y la altura de una imágen

Especificar la anchura y la altura de una imágen

Cuando usted liga imágenes en archivos HTML, que desea ofrecer en la WWW, debe especificar siempre la anchura y la altura de ellas. De tal manera los navegadores toman del archivo HTML el tamaño de la imáges y no tienen que esperar a que esa información sea leída del archivo gráfico. De este modo el navegador puede visualizar el archivo HTML en su totalidad y en caso de que los archivos gráficos todavía no hayan sido cargados, genera un espacio en blanco del tamaño de la imágen. Si usted al contrario no especifica la anchura y la altura de la imágen, entonces el navegador espera hasta pueda leer la información del archivo enlazado, para visualizar el archivo HTML en su totalidad.

Ejemplo:

<img src="archivo.gif" width=250 height=450>

Aclaración:

Con la especificación width= [píxel] especifica la anchura de la imágen, con height= [píxel] la altura (width = anchura, height = altura).

Atención:

Para averiguar exactamente la anchura y la altura de una imágen, usted necesita un editor de imágenes, que visualice esos valores, o un editor de HTML que al ligar una imágen sea capaz de leer la cabezera del archivo gráfico y de esta manera interpretar las especificaciones correspondientes y añadirlas en la etiqueta <img> automáticamene.

Para no exigir de los usuarios de su proyecto que cargen páginas con imágenes muy grandes, usted puede ofrecer además Imágenes de inspección previas.

Consejos:

Usted puede además hacer especificaciones sobre la anchura sobre y la altura de una imágen, que intencionalemnte varian del tamaño real de la imágen. De tal manera puede lograr efectos de deformación interesantes como los vistos en los Cartoons.

Además de las especificaciones en píxeles, en width= y height= también son permitidas especificaciones procentuales - una especificación de width=120% significa tanto como seis quintos de la anchura real de la imágen. Esas especificaciones al contrario no contribuyen a que la imágen se carge rápidamente, ellas son interesantes tan sólo por los efectos de deformación.

Si usted tiene una imágen que la quiere repetir en otro sitio en forma más pequeña (por ejemplo un rótulo, que en la página de entrada debe ser visualizado más grande que en las páginas subordinadas), no necesita dos imágenes. Basta con que reduzca las especificaciones de anchura y altura proporcionalmente. Si por ejemplo el rótulo tiene una dimensión de 300 píxeles de ancho y 200 píxeles de altura, usted puede reducir el tamaño a la mitad con la especificación width=150 height=100. Esto tiene sentido tan sólo si el taman˜o de la imágen ya ha sido cargada y se encuentra en el cachédel navegador.


weiter:	Poner una inscripción a las imágenes
zurück:	Ligar imágenes