miércoles, 13 de junio de 2012

17. Imágenes.

1. El problema de las imágenes es el tamaño que ocupan. Si ponemos muchas imágenes la navegación será lenta. Cuanto más grandes, más tardará el navegador en cargarlas.
2. Conviene utilizar formatos como .gif o .jpg que son gráficos comprimidos. Tienen menos calidad pero más rapidez.
3. Otra solución es "empequeñecer" las imágenes y poner un enlace a ellas mismas en una página aparte. Para empequeñecer la imagen haremos lo siguiente:

  • Abrimos la imagen con GIMP.
  • Hacemos click con el botón derecho en la imagen y escogemos imagen-redimensionar imagen
  • En el cuadro de diálogo que aparece reducimos el tamaño hasta obtener un tamaño de imagen que pueda ser visto y ocupe (en kb) el menor tamaño posible.
  • La guardamos como bannerpeq.jpg (o el nombredenuestraimagenpeq...).
  • Y creamos el siguiente enlace en la página:
          <a href="imagenes/banner.jpg><img src="imagenes/bannerpeq.jpg"></a>
  • Sustituimos la imagen que se cargaba banner.jpg por la nueva imagen más pequeña bannerpeq.jpg y ponemos un enlace a la imagen original, de manera que el navegador abra una nueva ventana conteniendo la imagen con el tamaño normal.

No hay comentarios:

Publicar un comentario