jpeg, gif e manipulação de imagens filipe césar silva de andrade henrique seabra diniz rilter...

44
JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Upload: jonathan-saade

Post on 07-Apr-2016

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG, GIF e Manipulação de Imagens

Filipe César Silva de AndradeHenrique Seabra DinizRilter Tavares do Nascimento

{fcsa, hsd, rtn}@cin.ufpe.br

Page 2: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Objetivos da Apresentação Ao final da apresentação todos

deverão: Conhecer basicamente arquivos JPEG Conhecer basicamente arquivos GIF Saber como editar imagens

Page 3: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Conteúdo Motivação JPEG

História Um pouco mais... Codificação Aplicações

GIF História Algoritmo de compressão LZW Paletas Aplicações

Manipulação de Imagens Lista de exercícios

Page 4: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Motivação Imagens são um meio de repassar

alguma mensagem, sendo um bom meio para facilitar o entendimento de algum problema

Também deixam o ambiente mais agradável

Page 5: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Motivação Seu uso é muito comum em Web

Sites. Então, quanto menor o arquivo e maior a qualidade melhor!

JPEG e GIF apresentam ótimos algoritmos de compressão

Page 6: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Conteúdo Motivação JPEG

História Um pouco mais... Codificação Aplicações

GIF História Algoritmo de compressão LZW Paletas Aplicações

Manipulação de Imagens Lista de exercícios

Page 7: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG “Joint Photographic Experts Group” Um formato de compressão com

perda de dados aplicado em imagens fotográficas

Page 8: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – História Em 1986, apenas com a “Junção” (o

‘Joint’ do JPEG) de vários grupos tentando compartilhar e desenvolver suas experiências é que foi possível adicionar gráficos com qualidade de foto e tamanho reduzido nos terminais de texto daquela época.

Page 9: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Um pouco mais... Sua forma de compressão funciona muito

bem em fotografias, artes naturalistas e materiais similares, mas não tão bem em escritas, desenhos simples ou linhas de um desenho

JPEG possui a compressão com perda de dados, isto significa que o arquivo não comprimido não é o mesmo que o compresso

Page 10: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Um pouco mais... Armazena informações de cores

completas: 24 bits/pixel (16 milhões de cores)

Foi definido para aproveitar-se de algumas já conhecidas limitações do olho humano, como a pequena mudança de cores é menos precisamente perceptível do que uma pequena mudança no brilho

Page 11: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Um pouco mais... O grau de compressão pode ser

variado ajustando os parâmetros de compressão. Isto significa que um criador de imagens pode trocar o tamanho de arquivos pela qualidade de imagem

Page 12: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação É feita em várias etapas:

Transformação do espaço de cores Divisão em blocos Redução da qualidade DCT (Transformação discreta do

cosseno) Quantização Codificação da entropia

Page 13: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação Transformação do espaço de cores

a imagem é convertida de RGB para um espaço de cores diferente chamado YCrCb, o mesmo utilizado por MAC, PAL e pela transmissão de televisão digital

o Y representa o brilho do pixel e o Cr e o CB juntos representam o tom e a saturação da imagem

Page 14: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação Divisão em blocos

os dados de cada canal da imagem são subdivididos em blocos de 8x8

caso os dados não sejam representados por números inteiros, é feito o preenchimento do restante do bloco com dados falsos

Page 15: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação Redução da qualidade

a divisão em blocos permite a redução dos componentes Cr e Cb

as taxas de redução permitidas em JPEG são: 4: 4: 4 (sem redução), 4: 2: 2 (reduz pelo fator 2 na direção horizontal) e a mais comum 4: 2: 0 (que reduz pelo fator 2 tanto na direção horizontal quanto na vertical)

Page 16: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação Redução da qualidade

a redução da qualidade pode reduzir de 33% a 50% o tamanho do arquivo.

Page 17: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação DCT (Transformação discreta do

cosseno) os componentes da imagem (Y, Cr e Cb)

são colocados em seções de 8x8 pixels cada

daí os componentes sofrem uma conversão usando-se uma transformação de co-seno discreta de duas dimensões à frente.

Page 18: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação DCT (Transformação discreta do

cosseno) Subimagem

de 8 por 8 pixels e 8 bits de cores

Page 19: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação DCT (Transformação discreta do

cosseno) É subtraído

128 de cada elemento

Page 20: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação DCT (Transformação discreta do

cosseno) Na transformação da

matriz cada elemento é arredondado para o inteiro mais próximo

O valor mais alto e à esquerda da matriz é chamado de coeficiente de transformação discreta

Page 21: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação Quantização

o fato do olho humano conseguir distinguir bem pequenas diferenças no brilho em áreas relativamente grandes e não tão bem variações de brilho em altas freqüências, permite a redução na informação dos dados dos componentes de alta freqüência

Page 22: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação Quantização

isto é feito simplesmente dividindo cada componente do domínio da freqüência por uma constante e arredondando para o inteiro mais próximo

este é o processo com a principal perda de dados

Page 23: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação Codificação da entropia

é uma forma especial de compressão com perda de dados

Page 24: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação Codificação da entropia

envolve a combinação dos componentes da imagem em uma ordem de “zig-zag” utilizando-se o algoritmo de Codificação Run-Length, que agrupa freqüências similares

-26, -3, 0, -3, -2, -6, -2, -4, 1, -4, 1, 1, 5, 1, 2, -1, 1, -1, 2, 0, 0, 0, 0, 0, -1, -1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0

Page 25: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Codificação Codificação da entropia

Quando resta uma sequencia final de zeros se usa a Codificação de Huffman que usa a palavra especial: “EOB”

-26, -3, 0, -3, -2, -6, 2, -4, 1, -4, 1, 1, 5, 1, 2, -1, 1, -1, 2, 0, 0, 0, 0, 0, -1, -1, EOB

Page 26: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Aplicações Na internet, jpeg é o formato padrão

para a exibição de imagens; Quase todos os equipamentos de

fotografia digital vendidos dão suporte ao formato jpeg

Page 27: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Aplicações No campo da medicina, o jpeg pode ser usado para

codificar totalmente ou parcialmente sem perdas uma imagem. E fornece uma boa performance de compressão para este propósito

Nos sistemas de comunicação sem fio (wireless) utiliza-se uma grande compressão na transmissão de imagens. O jpeg fornece uma alta qualidade na compressão de dados, é um bom candidato para aplicações multimídia em redes sem fio

Page 28: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

JPEG – Aplicações Na utilização no formato base de

arquivos para coleções de imagens e banco de dados. os arquivos podem ser armazenados em alta qualidade num ambiente facilmente gerenciável e sem perdas, com conversão para uma resolução mais baixa

Page 29: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Conteúdo Motivação JPEG

História Um pouco mais... Codificação Aplicações

GIF História Algoritmo de compressão LZW Paletas Aplicações

Manipulação de Imagens Lista de exercícios

Page 30: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

GIF Graphics Interchange Format Objetivo de fornecer um formato de

imagem colorida, de tamanho reduzido, para download mesmo com uma conexão lenta

Page 31: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

GIF – História Apresentado em 1987 pela CompuServe (a

primeira grande empresa de serviços on-line dos Estados Unidos)

Substituir o antigo formato RLE que era apenas preto e branco

A versão original do GIF foi chamada de 87a.

Em 1989 o GIF foi melhorado. Versão conhecida como 89a.

Page 32: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

GIF – História GIF (colorido) e XBM (preto e branco),

na época, tornaram-se os mais usados na internet

Patente do LZW pertencente a Unisys Surgimento do PNG Muito utilizado em animações e

pequenos vídeos

Page 33: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

GIF – Algoritmo LZW Algoritmo de compressão sem perda

de informação Redução de 66-75% do tamanho

original do arquivo

Page 34: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

GIF – Algoritmo LZW

Page 35: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

GIF – Paletas GIF é baseado em Paletas Uma tabela que associa cada número

da seleção da paleta com um valor específico do RGB

Opcionalmente, uma das seleções na paleta pode ser ajustada como transparente, que permite a transparência binária simples

Page 36: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

GIF – Paletas True-colorTrue Color GIF image(32697 colors, 184565 bytes)

Dithered GIF image(101 colors, 48069 bytes)

Quantized GIF image(256 colors, 54197

bytes)

Page 37: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

GIF – Paletas True-color

Vantagens Maior representação da informação Mais qualidade na imagem

Desvantagens Arquivos grandes Forma de compressão menos eficiente do

que o JPEG

Page 38: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

GIF – Aplicações Animações Vídeos de baixa qualidade Cartoons Imagens Banners

Page 39: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Exemplos

Page 40: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Conteúdo Motivação JPEG

História Um pouco mais... Codificação Aplicações

GIF História Algoritmo de compressão LZW Paletas Aplicações

Manipulação de Imagens Lista de exercícios

Page 41: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Manipulação de Imagens http://youtube.com/watch

?v=scGEqNZCL2E Um pouco sobre o Photoshop

Page 42: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Perguntas

Page 43: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Conteúdo Motivação JPEG

História Um pouco mais... Codificação Aplicações

GIF História Algoritmo de compressão LZW Paletas Aplicações

Manipulação de Imagens Lista de exercícios

Page 44: JPEG, GIF e Manipulação de Imagens Filipe César Silva de Andrade Henrique Seabra Diniz Rilter Tavares do Nascimento {fcsa, hsd, rtn}@cin.ufpe.br

Lista de Exercícios Qual formato armazena mais

informações de cores: JPEG ou GIF? Por que?

Quais as etapas do processo de codificação de um JPEG?

Em que situações é preferível a utilização de GIF a JPEG?