<Código-Web>
Elementos HTML
y Reglas CSS

  1. TEXTOS
  2. ENLACES
  3. LISTAS
  4. IMÁGENES
  5. TABLAS
  6. FORMULARIOS
  7. MAQUETACIÓN

IMÁGENES > Tipos

 

Es dificil encontrar una página web que no tenga alguna imagen, ya sea como adorno o como complemento al texto que aparece. Las imágenes es uno de los elementos más utilizados en la web.

En una página web, por tanto, se pueden distinguir 2 tipos de imágenes:

La etiqueta HTML que se utiliza para añadir imágenes a una página Web es <img /> y es una de las pocas etiquetas que no tiene etiqueta de cierre por ser una etiqueta vacía.

*Los atributos de esta etiqueta son:

Por ejemplo

La imagen de la derecha se incluye en esta página así

<img src="imagenes/movie.png" alt="carrete" width="128" height="128" class="drcha" />

HTML no impone restricción alguna en cuanto al formato gráfico de la imagen pero es conveniente utilizar un tipo de formato gráfico compatible con todos los navegadores como lo son: JPG, GIF o PNG.

Salvo el ancho y el alto que, como excepción, van en la página HTML, el resto de características de aspecto irán en la hoja de estilos: alineación, sombras, transparencia, etc...

Es muy importante tener siempre presente que la rapidez de carga de una página web depende de su peso (en KB) y en él tiene mucha importancia el número de imágenes, sus dimensiones y el grado de optimización de las imágenes que incluimos; es conveniente por ésto utilizar el formato gráfico más adecuado y utilizar siempre programas que optimicen lo más posible las imágenes que formen parte de la página Web.

 


- (cc) 2012, 3con14 -