jpeg, gif e manipulação de imagens
DESCRIPTION
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 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: JPEG, GIF e Manipulação de Imagens](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/1.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/2.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/3.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/4.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/5.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/6.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/7.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/8.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/9.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/10.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/11.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/12.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/13.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/14.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/15.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/16.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/17.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/18.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/19.jpg)
JPEG – Codificação
DCT (Transformação discreta do cosseno)
É subtraído 128 de cada elemento
![Page 20: JPEG, GIF e Manipulação de Imagens](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/20.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/21.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/22.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/23.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/24.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/25.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/26.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/27.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/28.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/29.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/30.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/31.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/32.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/33.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/34.jpg)
GIF – Algoritmo LZW
![Page 35: JPEG, GIF e Manipulação de Imagens](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/35.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/36.jpg)
GIF – Paletas
True-color
True 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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/37.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/38.jpg)
GIF – Aplicações
Animações Vídeos de baixa qualidade Cartoons Imagens Banners
![Page 39: JPEG, GIF e Manipulação de Imagens](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/39.jpg)
Exemplos
![Page 40: JPEG, GIF e Manipulação de Imagens](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/40.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/41.jpg)
Manipulação de Imagens
http://youtube.com/watch?v=scGEqNZCL2E
Um pouco sobre o Photoshop
![Page 42: JPEG, GIF e Manipulação de Imagens](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/42.jpg)
Perguntas
![Page 43: JPEG, GIF e Manipulação de Imagens](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/43.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022033018/56814c52550346895db966d3/html5/thumbnails/44.jpg)
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?