En la creacion de webs se usan principalmente imagenes de tipos de mapas de bits.Los formatos más usados suelen ser JPG, PNG y GIF.Son sistemas de almacenar imagenes que se utilizan para minimizar el tamaño que ocupan en disco(lo que facilita la transmision de archivos graficos) manteniendo una calidad medianamente aceptable(lo que hace que las imagenes sean utiles).En la web de CreaTuWeb, podemos encontrar ejemplos de imagenes en estos 3 formatos.
Formato GIF
Son las siglas que corresponden a Graphics Interchange Format.Este sistema nació en el año 1987 de la mano de Compuserve con objeto de colorear sus imágenes, hasta entonces codificadas en su formato RLE en blanco y negro. La versión original (GIF87a) fue sustituida por la GIF89a. Actualmente existe un problema de licencias que desaconseja su uso en favor del formato PnG. Sus características más importantes son:
1º.-Es un formato de compresión sin pérdidas( lo que aligera el tamaño final del archivo, manteniendo su calidad).
2.-Se utiliza principalmente para imágenes de colores planos, o sea, grandes manchas de color homogéneo, sin variación cromática, al modo de los dibujos infantiles.
3.-Permite "transparencias", es decir, seleccionando uno de los colores de la imagen éste se vuelve transparente, permitiendo ver a través de él cualquier fondo, o imagen que esté situada detrás.
4.-Permite, con el programa adecuado, crear animaciones presentando varias imágenes una tras otra como si de un "dibujo animado" se tratara.
5.-Utiliza una paleta de 256 colores como máximo, lo que nos permite elegir entre varios tamaños para un mismo archivo.
Formato JPG
Son las siglas de Joint Photographic Expert Group .Este sistema es el más utilizado para la transmisión de fotografías, y nació en el año 1986. Es un formato muy recomendado para imágenes con una amplia gama de colores y que permite ajustar el grado de compresión y por tanto la calidad de la imagen. Sus características más importantes son:
1.-Es un formato de compresión con pérdida: aligera el tamaño final del archivo, pero le resta calidad.
2.-Se utiliza principalmente para incluir en la web fotografías con un elevado número de colores (trabaja con un formato de 16 millones de colores).
3.-No puedes definir colores transparentes.
4.-No puedes crear animaciones.
5.-Con el formato JPG, podemos escoger el grado de compresión, de manera que cuanto mayor sea la compresión mayor es la pérdida de calidad de la imagen.
6.-Codifica los colores con 24 bits, por lo uqe puede manejar una paleta de más de 16 millones de colores, lo que se llama color verdadero.
Formatos PNG
Sus siglas significan Portable Network Graphics.Este es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes. Fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de color y otros importantes datos. Sus características principales son:
1.-Es un formato de compresión sin pérdidas lo que aligera el tamaño final del archivo, manteniendo su calidad.
2.-Soporta formato de color indexado (256 colores) y profundidades de color de 48 bits y escala de grises de 16 bits.
3.-Permite colores transparentes y transparencias graduales
4.-No permite crear animaciones, existe un formato relacionado para animaciones, pero está poco extendido: MNG.
5.-El usuario puede elegir el formato a usar en la codificación de la imagen: PNG8 (análogo al GIF) o PNG24 (24 bits de color)
6.-Para bien o para mal, no es adoptado por todos los navegadores, y aún menos por las versiones antiguas de los mismos
Observaciones
Visto todo lo anterior, cuando integremos imágenes en nuestra página deberíamos tener en cuenta lo siguiente:1.-Debemos analizar detalladamente el uso de imágenes en nuestra página. Hemos de fijarnos en su necesidad, resolución, tamaño, formato, etc. El objetivo es lograr que la página se cargue lo más rápidamente posible.
2.-El tamaño del archivo de imagen depende de las dimensiones de la imagen y del número de colores que la forman.
3.-Para colores puros con no más de 256 colores y gráficos muy simples usaremos el formato GIF o PNG.
4.-Para imágenes con más de 256 colores usaremos el formato JPG o PNG24.
5.-Usar las imágenes con su tamaño real, evitando que sea el navegador el encargado de reducirlas.
6.-No colocar demasiadas imágenes en una misma página. Si necesitamos mostrar un numero elevado de imágenes, lo mejor es usar una versión muy reducida de las mismas (thumbnails o miniaturas) a modo de índice y enlazar con páginas individuales donde se muestre cada imagen por separado.
7.-Al diseñar la estructura del sitio utilizar una carpeta para las imágenes muy usadas a lo largo de las diferentes páginas del sitio
8.-Usar el atributo ALT en las imágenes, para facilitar la comprensión del contenido a los usuarios y a los robots usados por los buscadores para indexar nuestra página.
No hay comentarios:
Publicar un comentario