Formato de Intercambio Grafico GIF

24
Formato de Intercambio Grafico GIF Diego Alejandro Villegas Oliveros

description

Manejo de imagenes con GIF

Transcript of Formato de Intercambio Grafico GIF

Page 1: Formato de Intercambio Grafico GIF

Formato de Intercambio Grafico GIF

Diego Alejandro Villegas Oliveros

Page 2: Formato de Intercambio Grafico GIF

Introducción

• Almacenamientio en formato digital la información gráfica– Imágenes Vectoriales

• Elementos con funciones matemáticas

– Imágenes fotográficas• División en píxeles

Page 3: Formato de Intercambio Grafico GIF

Imágenes Fotográficas

• 2 colores un bit por pixel

• 256 colores 8 bit por pixel

prototipo de este tipo de ficheros gráficos es el llamado BMP

Page 4: Formato de Intercambio Grafico GIF

Problemas

• No tenían aplicación en internet

• Gran tamaño que ocupan las imágenes

Page 5: Formato de Intercambio Grafico GIF

Solución

• métodos de compresión de los ficheros bitmap– GIF

• 256 colores sin perdida de información

– JPG• 16 milones de colores 24 bits con perdida de

información

Page 6: Formato de Intercambio Grafico GIF

GIF (44.956 bytes) JPG (8.218 bytes)

GIF (5.223 bytes) JPG (18.173 bytes)

Page 7: Formato de Intercambio Grafico GIF

Graphics Interchange Format (GIF)

• Creado por Unisys 1987

Page 8: Formato de Intercambio Grafico GIF

• Emplea cluts con indice de 8 bits– Global– Local

• Se emplea el algoritmo LZW para comprimir la imagen

Page 9: Formato de Intercambio Grafico GIF

Cluts (Colour look-up table)

• Paleta de colores Global

• Paleta de colores Local

Esta paleta puede tener 2, 4, 8, 16, 32, 64, 128, o 256 colores definidos.

Page 10: Formato de Intercambio Grafico GIF

Algoritmo LZW

GIF (44.956 bytes) GIF (5.223 bytes)

Page 11: Formato de Intercambio Grafico GIF

Tipos de GIFs

• GIF87– Funcionalidad básica

• GIF89a– Extensión de control: Duración– Extensión de aplicación: Qué hacer con la

imagen– Transparencias– GIFs animados– Entrelazado

Page 12: Formato de Intercambio Grafico GIF

Extensión de control

• controlan como se manejan los datos gráficos.– Cabecera (GIF89a, GIF87a)– Descriptor de Pantalla Lógica– Extensión de Control de Gráfico – Trailer

Page 13: Formato de Intercambio Grafico GIF

Extensión de aplicación

• Programas que especifican efectos especiales

Page 14: Formato de Intercambio Grafico GIF

Estructura GIF• CABECERA DE GIF89a • BLOQUE DE DESCRIPTOR DE PANTALLA LÓGICA

– puede incluir una TABLA DE COLOR GLOBAL opcional (99.5% de las veces estará presente)

• un BLOQUE DE EXTENSIÓN DE APLICACION NETSCAPE opcional

• un flujo de gráficos (cada gráfico se compone de los siguientes) – un BLOQUE DE CONTROL DE GRÁFICO opcional (uno precediendo

cada imagen) – un único DESCRIPTOR DE IMAGEN único o BLOQUE SIMPLE DE

TEXTO • que puede incluir una TABLA DE COLOR LOCAL opcional para una

imagen • y la actual IMAGEN o tabla de datos de TEXTO

• el GIF TRAILER finaliza la serie de imágenes

Page 15: Formato de Intercambio Grafico GIF

Transparencias

Page 16: Formato de Intercambio Grafico GIF

GIFs Animados

Page 17: Formato de Intercambio Grafico GIF
Page 18: Formato de Intercambio Grafico GIF

Con “entrelazado”

Page 19: Formato de Intercambio Grafico GIF

Sin entrelazado

Page 20: Formato de Intercambio Grafico GIF

Entrelazado

Page 21: Formato de Intercambio Grafico GIF

Problemas con GIF

Page 22: Formato de Intercambio Grafico GIF

Implicaciones

• LZW esta patentado • Algoritmo GIF if(comprimir, copiar o mostrar cualquier imagen en formato GIF en tu

pagina web) { Pagar la módica cantidad de 5000$ USA

}else{

Atenerte a las consecuencias penales derivadas de violar la ley de patentes

}

• Solución cámbiate a PNG

Page 23: Formato de Intercambio Grafico GIF

Cuando Utilizar GIF