Las imágenes son uno de los elementos que dan más atractivo a las páginas web. Tanto estas como los sonidos suelen, sin embargo, emplear bastante tiempo en descargarse, por lo que hay que recurrir a las técnicas necesarias para minimizar este factor. Una imagen está compuesta, por decirlo de un modo simbólico, de pequeñas celdas que se llaman "píxeles". Los elementos que condicionan el tipo de imágenes que aparecen en nuestra pantalla son:
De entre los diversos formatos de imagen existentes, en Internet se utilizan aquellos que comprimen el archivo para que ocupe menos. El formato .gif se emplea con imágenes de 256 colores, más apropiado para iconos y dibujos. El método de compresión que utiliza hace que el GIF reduzca la calidad. Una imagen .gif no debería ocupar más de varios Kb. El formato de compresión .jpg o .jpeg es el adecuado para fotos de 16.7 millones de colores. El grado de compresión se determina cuando se guarda el archivo; más calidad supone menos compresión. Ofrece buenos resultados de calidad. A veces la calidad debe ser máxima si en la imagen hay detalles como, por ejemplo, texto escrito. Una imagen o foto .jpg ocupa también varios Kbs. Cuando se trata de imágenes creadas en el ordenador con una profundidad de color máxima de 8 bits (256 colores), imágenes de colores planos, la compresión JPG produce cierta pérdida de calidad. El formato GIF, en su versión 89a, permite la creación de animaciones presentando de forma consecutiva varios archivos GIF. Optar entre uno u otro formato puede ser difícil en algunos momentos...Es importante que las imágenes que incluyamos en nuestras páginas lleven el atributo de tamaño, ya que de esta forma el navegador sabrá el espacio que debe adjudicarle a la imagen y podrá ir cargando el resto del texto. Con respecto a las modificaciones del tamaño original no tienen una especial utilidad: si agrandamos la imagen perdemos calidad y si la empequeñecemos no disminuimos el tamaño del fichero sino que le indicamos al navegador que ajuste la imagen al tamaño especificado. Antes de continuar os proponemos una actividad, para saber algo más sobre las imágenes.
c) Obtención de imágenes ¿Dónde y cómo conseguir imágenes para incorporarlas a nuestra carpeta de multimedia?:
Una vez conseguida una imagen e incluida en una carpeta creada específicamente para ello, llega el momento de utilizarla: es decir, de insertarla en nuestros documentos. Podemos cogerla tal cual es, pero también puede interesarnos modificarla o retocarla: porque sea demasiado grande, porque haya una parte que no nos interese o porque queramos darle otro aspecto. Por ejemplo: esta imagen de Hot Potatoes
es, en realidad, una parte modificada de la portada del programa:
¿Puedes adivinar qué parte? Bien. Para editar una imagen cualquiera y modificarla, cambiar el formato de las imágenes, el tamaño, la resolución, los colores, etc. necesitaremos un programa específico de tratamiento de imágenes.
Te proponemos los siguientes, por ser de los más conocidos: IrfanView Pro, Paint, Paint Shop Pro, Adobe Photoshop y GIMP (incluido en Linux). Unos son de libre distribución y otros son comerciales, unos van incluidos en los sistemas operativos y otros no, unos son más sencillos y otros más específicos para determinadas funciones. Del mismo modo que con las imágenes, también existen aplicaciones y programas específicos para la creación de gifs animados, unas de libre distribución y otras no: por ejemplo GIF Construction Set o Gif Animator. Para saber algo más sobre las condiciones de uso de todos estos programas, su tamaño y forma de descarga, su utilidad, etc., no dejes de visitar sus páginas web o cualquier otra página de información en la web; muchas de estas páginas incluyen, además, valoraciones de los usuarios y foros.
En tus páginas web con Hot Potatoes, es posible que crees una página inicial o index en la que quieras incluir una imagen. Pues bien: tanto Composer Un componente que podemos considerar como elemento gráfico de las páginas, y que se puede crear con cualquiera de los dos programas citados, son las líneas horizontales. En muchos momentos pueden ser un recurso visual que ayude a delimitar las zonas de la pantalla y fijar la atención en alguna de ellas. Otro recurso son las imágenes transparentes, que no se vean, con el fin de crear espacios en blanco en dicha página o que se vea el fondo de la página. Para ello habría que crear una imagen en formato gif, de dos colores y con un tamaño pequeño (5x5 píxeles por ejemplo), y guardarla de forma que uno de los colores que las forman sea transparente.
|
como Front Page Express 
disponen de un icono en la barra de herramientas destinado a insertar imágenes en la página: 
para Composer y 
para Front Page Express.
