Capacitación de Herramientas para el Desarrollo WEB Modulo III- Compresión y Formato de Imágenes Sesión #1 María Paz Coloma M.

Presentación del tema: "Capacitación de Herramientas para el Desarrollo WEB Modulo III- Compresión y Formato de Imágenes Sesión #1 María Paz Coloma M."— Transcripción de la presentación:

1

2 Capacitación de Herramientas para el Desarrollo WEB Modulo III- Compresión y Formato de Imágenes Sesión #1 María Paz Coloma M. mcoloma@inacap.cl

3 Compresión y formatos de Imágenes Contenidos Diferencias entre distintos formatos de imágenes. Criterios para usar un formato determinado. Como formatear las imágenes para la páginas web. Software para la manipulación de imágenes.

4 Diferencias entre distintos formatos de imágenes El formato define la manera en cómo se codifican y almacenan dentro de un archivo. Dentro de los tipos de imágenes tenemos: –Vectoriales: es una descripción matemática de una forma geométrica. Los trazados de vectores se definen con puntos. Su calidad no se degrada al ser modificada de tamaño. –Mapa de Bits: esta compuesta por una cuadrícula de pixeles de color. Dependen de la resolución.

5 Diferencias entre distintos formatos de imágenes Los dos formatos estándar son: –GIF(Gráphics Interchange Format): Permite almacenar 256 colores. Puede contener varias imágenes en un mismo archivo para realizar efectos de animación. Utiliza compresión sin pérdida.(LZW) Soporta entrelazado. Soporta Transparencia.

6 Diferencias entre distintos formatos de imágenes Los dos formatos estándar son: –JPEG(Joint Photographic Expert Group): Imágenes de alta definición. Colores de 24 bits. Utiliza mecanismo de compresión con pérdida. Mejor capacidad de compresión.

7 Diferencias entre distintos formatos de imágenes Formato Gif Formato JPEG

8 Consideraciones sobre los Formatos. Existen problemas de patente con el algoritmo de compresión de los archivos GIF.(Unisys) Existen problemas de animación, transparencia, texto en imágenes para los archivos JPG. PNG es un nuevo formato que combina las mejores características de los formatos anteriores.

9 Cómo formatear las imágenes para páginas web Se debe considerar que cada imagen involucra abrir una conexión con el servidor web. El peso incide en el tiempo de descarga de la página. No todos los usuarios tienen una conexión rápida.

10 Software para la manipulación de Imágenes Photoshop FireWorks(PNG) The Gimp PaintShop Pro

11 Links Aspectos legales de GIF http://www.unisys.com/about__unisys/lzw/index.htm http://www.sindominio.net/biblioweb/telematica/nogifs.html