IMAGEM DIGITAL

Ano Lectivo 2020* 1º Semestre

Licenciatura em Engenharia
Informática

Tema: IMAGEM DIGITAL

Parte 2

Docente: Evaldo Chindele

Multimédia: Funcionamento da Disciplina 1

Codecs de Imagem Digital

Vários formatos disponíveis, tanto para bitmaps como

para imagens vectoriais
 Bitmaps
 Formatos “abertos”
 jpg, gif, png, tiff, bmp, ...
 Formatos proprietários
 E.g., psd (Adobe Photoshop; misto bitmap e vectorial)

 Imagens vectoriais
 Formatos “abertos”
 SVG
 Formatos proprietários
 E.g., Adobe Flash, Visio, Corel Draw

 ‘Save as’ disponível, mas por vezes ocorrem

surpresas...
Multimédia: Imagem Digital 2
Codecs de Imagem Digital

Nota: codecs e formatos

 Codec
 Define a forma como os dados são compactados para um
stream de bytes e descompactados de volta aos dados
originais
 Formato
 Define o formato de ficheiro utilizado para armazenar o stream

 Abuso de linguagem
 É habitual usararem-se os dois termos indistintamente, uma
vez que, em geral, andam de “mãos dadas”
 Existem excepções, e.g., em vídeo, o formato AVI pode

conter dados comprimidos segundo vários codecs

Multimédia: Imagem Digital 3

Codecs de Imagem Digital - Bitmaps
BMP: Windows Bitmap
 Sistema padrão do Microsoft Windows

 Modelo de cor
 RGB com 24 bits (8 bits por canal)
  cor final depende do color profile definido
 Compressão
 Tipicamente, sem compressão
 Representação de dados segundo o padrão PCM (Pulse-Code
Modulation, ver áudio)
 Dimensão
 Ficheiros resultantes muito grandes
 Muito espaço em disco
 Inadequado para transmissão via Internet

Multimédia: Imagem Digital 4

Codecs de Imagem Digital - Bitmaps
BMP (cont.)
 Qualidade das imagens
 True color (RGB com 8 bits)
 Qualidade foto-realística
 Não há qualquer destruição da imagem captada por um
dado dispositivo (máquina fotográfica, scanner, etc.)
 Variantes
 BMP com compressão Run-Length Encoding (RLE)
 E.g., cor “100” repetida 15 vezes  !<15><100> em vez
de <100, 100, 100, ..., 100>
 BMP com especificação do número de cores
 Monocromático

 16 cores

 256 cores

Multimédia: Imagem Digital 5

Codecs de Imagem Digital - Bitmaps
JPEG (Joint Photographics Expert Group)
 Padrão para compressão de imagens
fotográficas criado pelo Joint
Photographics Expert Group em 1992
 Grupo criado em 1992, standard aprovado pela ISO em 1994

 Modelo de cor
 YCbCr tipicamente obtido a partir de imagem RGB com 24 bits

 Compressão
 Algoritmos de compressão perceptual (destrutiva) e
entrópica (não destrutiva)
 Compressão perceptual
 Tira partido das limitações da visão humana, descartando

informação não perceptível

 Nota: a descrição presente refere-se ao codec

standard, havendo algumas variantes, e.g., JPEG
lossless Multimédia: Imagem Digital 6
Codecs de Imagem Digital - Bitmaps

JPEG (cont.)
 Dimensão
 Ficheiros resultantes
siginificativamente mais
pequenos que BMP
(tipicamente 10:1)
 Depende do factor de
qualidade (Q) especificado
 Alto  pouca compressão 

dimensão elevada
 Baixo  muita compressão

 dimensão baixa
 Compressões de 100:1

possíveis

Multimédia: Imagem Digital 7

Codecs de Imagem Digital - Bitmaps
JPEG (cont.)
 Qualidade das imagens
 Em termos perceptuais será, idealmente, qualidade foto-
realística (mesmo sem 8 bits por canal)
 Utiliza métodos de compressão pensados para imagens

fotográficas, funcionando particularmente bem em

imagens com transições suaves entre as cores
 Depende do factor de qualidade especificado
 Alto  pouca compressão destrutiva  qualidade elevada

 Baixo  muita compressão destrutiva  qualidade baixa

8
Imagem original JPEG com Q alto
Codecs de Imagem Digital - Bitmaps
JPEG (cont.)
 Qualidade das imagens (cont.)
 Apresenta piores resultados em elementos do tipo gráficos
vectoriais
 Incluem geralmente transições abruptas entre cores.

 Tende a introduzir algum ruído nas zonas de transição

JPEG (Q=High) – 17K JPEG (Q=Low) – 2K

Utilizado na compressão de imagens em

ficheiros pdf

Multimédia: Imagem Digital 9

Codecs de Imagem Digital - Bitmaps
JPEG (cont.)
 Modos de Operação (cont.)
 Hierárquico
 Imagem codificada a várias resoluções
 Vantagem
 Versões de baixa resolução disponíveis sem que se

tenha que descompactar a imagem na máxima

resolução

Sequencial Progressivo Hierárquico

Codecs de Imagem Digital - Bitmaps
GIF (Compuserve Graphics Interchange Format)
 Criado pela Compuserve para
transmitir imagens através de linhas
telefónicas, em 1987 (denominação
GIF87a)
 A minimização do tamanho dos ficheiros foi um objectivo
primordial da sua criação
 Tornou-se muito popular e maioritário na web, sobretudo nos
primórdios
 Modelo de cor
 Palete de 256 cores distintas do modelo de cor RGB com 24
bits
 Compressão
 Compressão entrópica não destrutiva, com base no
algoritmo LZW (Lempel, Ziv, Welsh)
 Baseado em dicionários dinâmicos Multimédia: Imagem Digital 11
Codecs de Imagem Digital - Bitmaps

GIF (cont.)
 Dimensão
 Ficheiros resultantes pequenos
 Taxa de compressão depende da imagem original: 20% a
1:10 (e.g., imagem complexa, não repetitiva: 1:2)
 Qualidade das imagens
 Limitações em imagens foto-realísticas: apenas 256 cores...

 Possibilidades
 Transparência: pixeis identificados por um índice na palete
 Não suporta transparência alpha
 GIF89a suporta formas simples de animação (várias imagens
no mesmo stream)
 Entrelaçamento

Multimédia: Imagem Digital 12

Codecs de Imagem Digital - Bitmaps
PNG (Portable Network Graphics)
 Objectivos
 Criado em 1996, em resposta às questões levantadas com a
tentativa da UNISYS de exercer direitos de propriedade sobre
parte do formato GIF (em 1993)
 Mais cores do que GIF
 Nessa altura, sistemas com mais do que 256 cores

estavam a tornar-se comuns

 Utilização generalizada em páginas web

 Modelo de cor
 RGB com canal alpha (8 ou 16 bits por canal)
 Níveis de cinzento (256) com alpha
 RGB sem alpha / cinza sem alpha
 Palete
 Número de bits por canal (ou na palete) pode variar (1, 2, 4, 8
ou 16)

Multimédia: Imagem Digital 13

Codecs de Imagem Digital - Bitmaps

PNG (cont.)
 Compressão: compressão entrópica de resíduos com base
em modelos de previsão
 Modelos de previsão:
 Em cada linha, cada byte é previsto com base nos valores
de bytes anteriores (explora correlação entre amostras
consecutivas)

Multimédia: Imagem Digital 14

Codecs de Imagem Digital - Bitmaps

PNG (cont.)
 Suporte de software
 Generalizado
 Mas algumas aplicações não implementam todas as
funcionalidades do compressor, e.g., MS Paint (Windows
XP)
 Suporte Web
 Adopção lenta...
 Dos browsers mais utilizados, apenas Opera, Firefox e
Safari apresentam compatibilidade total
 Internet Explorer só passou a suportar transparência

alpha a partir da versão 7 (outras funcionalidades,

e.g., correcção gamma, continuam por implementar)
 Browsers antigos não suportam PNG  usar GIF just in
case...
 Animação em publicidade Web  GIF, Flash Imagem Digital 15
Multimédia:
Codecs de Imagem Digital - Bitmaps
TIFF (Tagged Interchange File Format)
 Origem
 Formato standard com vista a uniformizar o armazenamento
de imagens adquiridas de scanners nos anos 1980 em lugar da
profusão de formatos proprietários vigentes
 Inicialmente, formato monocromático atendendo à tecnologia
dos scanners
 Posteriormente, o formato TIFF passou a acomodar

imagens em escala de cinza e seguidamente imagens

policromáticas
 Objectivos
 Projectado para ser um formato universal de bitmaps, flexível
e extensível
 Tags possibilitam extensibilidade
 Mesmo formato pode conter várias imagens
 Funciona como um contentor
 Pode conter imagens comprimidas por codecs diferentes, e.g.,
jpeg
 Pode conter gráficos vectoriais
Multimédia: Imagem Digital 16
Codecs de Imagem Digital - Bitmaps

TIFF (cont.)
 Possibilidades
 Suporte multi-página
 Várias imagens no mesmo ficheiro
 Motivação: resultado da digitalização de várias

páginas armazenado num único ficheiro

 Suporte Web
 Em geral, não é suportado por web browsers

Multimédia: Imagem Digital 17

Formatos de Imagens Vectoriais

SVG (Scalable Vector Graphics)

 Um dos poucos formatos vectoriais
abertos
 Criado pelo World Wide Web Consortium (1999-2008)
 Baseado em XML
 Tipos de objectos gráficos suportados
 Imagens vectoriais, bitmaps e texto

 Exemplo:

Multimédia: Imagem Digital 18

Formatos de Imagens Vectoriais
SVG (cont.)
 Compressão
 XML muitos fragmentos de texto repetidos  Deflate (gzip)
 Se comprimido, extensão .svgz
 Suporte Web
 Algumas dificuldades na sua adopção
 Utilização geral de formatos bitmap (e.g., GIFs em logos)
ou outros formatos proprietários (e.g., Macromedia/Adobe
Flash)
 Suporte de browsers não é generalizado
 Nomeadamente, IExplorer (plug-in necessário)
 Implementações pouco completas por parte de outros

browsers
Adobe Flash
 Formato proprietário, mas utilização
esmagadora na Web
 Plug-in incorporado de raiz na maioria dos browsers mais
comuns (incluíndo o IExplorer)
WMF, EMF, EPS, ...
Multimédia: Imagem Digital 19
Imagem e Projecto Multimédia

Seres humanos adquirem 80% do seu conhecimento

através do sentido da visão

Qualidade da imagem deve ser elevada, com baixo

espaço de armazenamento
 Profundidade de cor
 Taxa de compressão
 Imagens vectoriais, se possível

Multimédia: Imagem Digital 20

Imagens e Internet

Limitações de largura de banda

 Tempos de transmissão dentro de limites aceitáveis 
limitar o tamanho das páginas
 Tamanho das imagens terá que ser baixo
 Utilização de formatos comprimidos
 GIF ou PNG (tipicamente em imagens estilo “logotipos”)
 JPEG (imagens foto-realísticas)

21
Imagens e Internet
Preparação de imagens para a
web
 Trabalhar com imagens
grandes e de elevada
profundidade de cor
 Quando estiverem prontas
reduzir a dimensão e a
profundidade de cor
 Paletes
 Utilizar 256 cores,
preferencialmente com paletes
padrão (palete web)
 Utilizar tamanhos de imagens
de cerca de 320x240
 O número total de imagens em
cada página não deve ser
muito elevado

Multimédia: Imagem Digital 22

Software de Produção e Edição
Programas de edição de bitmaps
 Criação
 Programa de desenho
 Captura de conteúdo do ecrã (total, janela parcial)  screen
grabbers
 Dispositivo de captura digital (máquina fotográfica digital,
scanner, etc.)

 Reutilização
 Repositórios de imagens na net
 Bibliotecas de imagens associadas a aplicações de edição
(e.g., Adobe Photoshop)
 Clipart do Microsoft Windows
  Atenção à licença, no que toca a distribuição com fins
comerciais!

Multimédia: Imagem Digital 23

Software de Produção e Edição
Programas de edição de bitmaps
 Consistem num conjunto de
subprogramas capazes de modificar
determinados aspectos das imagens

 Ferramentas com grau de

complexidade variada
 Paint do Windows
 Utilização simples, mas rudimentar: pouco mais que cortar
e colar, redimensionar, gravar am formatos diferentes, ou
“pintura” manual
 Adobe Photoshop
 Complexa, mas com uma vasta gama de possibilidades:

layers, contornos, aplicação de filtros, etc.

Multimédia: Imagem Digital 24

Software de Produção e Edição
Programas de edição de bitmaps
(cont.)
 Possibilidades genéricas
 Alterar tamanho da imagem
 Mudar escala
 Alterar de cor, nomeadamente
profundidade de cor
 Melhorar qualidade (contraste,
iluminação, filtragem)
 Criar imagens compostas (e.g.,
montagens com integração de novos
elementos numa imagem prévia)
 Efeitos especias (esbatimento,
mosaico, contornos, distorção, etc...)
 Os algoritmos respectivos
consistem em transformações
matemáticas que, quando
aplicadas aos pixels de uma
imagem, produzem os efeitos
desejados Multimédia: Imagem Digital 25
Software de Produção e Edição
Programas de edição de bitmaps (cont.)
 Retoques do conteúdo, por exemplo eliminando
imperfeições resultantes do processo de
digitalização, eliminando componentes não
desejadas da imagem ou criando imagens através da
composição de elementos de outras imagens

Multimédia: Imagem Digital 26

Software de Produção e Edição

Programas de edição de bitmaps

 Rotação e/ou simetria da imagem
 Alteração da textura por aplicação de filtros,
eventualmente procurando obter efeitos
especiais

Multimédia: Imagem Digital 27

Software de Produção e Edição
Imagens panorâmicas
 Objectivo
 Permitir visualizar uma imagem “envolvente” tal como se
estivéssemos “dentro” dela e capazes de olhar para todos os
lados, rodar, aproximar ou afastar
 Exemplo
 QuickTime Virtual Reality (QTVR)

 Metodologia de criação
 Juntar imagens adjacentes obtidas a partir de ângulos
diferentes numa circunferência
 O ajuste deve ser preciso para melhor qualidade: na prática,
deve existir alguma sobreposição entre fotos adjacentes
 Contraste, brilho, saturação, etc. poderão ter que ser
ajustados de forma a que o panorama final seja uniforme

Multimédia: Imagem Digital 28

Software de Produção e Edição
Imagens panorâmicas (cont.)
 Ferramentas de edição
 VR Worx, ULead360,
Panorama Factory, ...

Multimédia: Imagem Digital 29