Aquisição e Tratamento de Imagem Estática (Mapa de Bits) Tecnologias da Informação e Comunicação
conteúdos tipos de imagem conceitos base cor em digital formatos de imagem imagem na web
Tipos de imagens bitmap (raster; mapa de bits) vectoriais
bitmap vs vectorial imagem retirada de http://tavmjong.free.fr/inkscape/ 2005, 2006 Tavmjong Bah
bitmap vs vectorial imagem retirada de http://tavmjong.free.fr/inkscape/ 2005, 2006 Tavmjong Bah
tipos de imagem Vectorial utilizam se linhas e curvas definidas matematicamente. utilizada para desenhos feitos em computador, tais como, logotipos, símbolos, etc. podem sofrer alterações sem haver perdas de qualidade na imagem diminuir/aumentar tamanho mover, alterar cores, etc
tipos de imagem Mapa de bits (raster) definidas como uma grelha (ou mapa) de pequenos quadrados, designados por píxeis cada píxel é definido por um determinado número de bits (1, 2, 4, 8, 16, 24) que contém informação sobre a cor existente nesse píxel As abordadas nesta unidade
conceitos base imagens bitmap são constituídas por pequenos pontos, chamados píxeis píxel aglutinação de picture (imagem) + element (elemento) Autor da imagem: http://commons.wikimedia.org/wiki/user:ed_g2s Licença: GFDL and cc-by-sa-2.5,2.0,1.0
Características de uma imagem Número de píxeis da imagem Tamanho da impressão Resolução Formato
Número de píxeis da imagem O tamanho digital da imagem é o número de linhas e colunas de píxeis que a forma Exemplo: uma imagem com 116 colunas e 119 linhas tem um total de 13.804 píxeis uma máquina digital tira fotografias com 2272x1704 => total de 3.871.488 píxeis (4 Mega píxeis)
Resolução número de pixéis numa determinada área indica o nível de detalhe de uma imagem mais resolução => mais detalhe => mais qualidade http://en.wikipedia.org/wiki/image:resolution_illustration.png
Resolução quantidade de píxeis numa determinada área píxeis por centímetro píxeis por polegada ppp (dpi dots per inch): mais utilizada dots = pixels valores típicos 72 dpi para ecrãn 1 polegada = 1 inch = 2.54 centímetros 300 dpi impressão não confundir com tamanho da imagem!
mesmo tamanho: 5 cm 72 dpi 300 dpi
Resolução de uma imagem Resolução = píxeis / impressão Ou Sendo: píxeis: número de píxels da largura da imagem impressão: largura/altura de impressão da imagem, em polegadas Píxeis = resolução * impressão Ou Impressão = píxeis / resolução
Tamanho e resolução tamanho impresso: dimensões físicas da imagem impressa (centímetros ou polegadas) quantidade de píxeis da imagem resolução: qualidade (+ ou detalhe)
Tamanho e resolução Um exemplo: uma máquina digital de 4 Mp tira imagens com 2272 x 1704 a 72 dpi P: Qual o tamanho da imagem? R: Largura = 2272 / 72 = 31,56 polegadas (inches) 31, 56 * 2,54 = 80,151 cm Altura = 1704 / 72 * 2,54 = 60.113 cm
Tamanho e resolução Para imprimir... Se quiser uma resolução de 300 dpi's que tamanho se obtém? largura: 19.236 cm altura: 14.427 cm aprox. == 20x15 Sem perda de qualidade! E... se quiser imprimir maior?????? ex: 40 x 30
Tamanho e resolução E... se quiser imprimir maior?????? ex.: 40 x 30 cm (300 dpi) segundo a fórmula: pixeis = 4726 por 3545!!!! mas a máquina só tirou 2272 x 1704 tem de acrescentar pixeis => interpolação!!!!!
tamanho vs resolução Conclusões a escolha de resoluções tamanhos de impressão quantidade de píxeis depende sempre do objectivo da imagem web? imprimir? poster? jornal? revista? que qualidade de impressão?
tamanho vs resolução Conclusões captar com o maior número possível de píxeis máquinas com muitos MegaPíxeis!!!! sensores mais complexos $$$$$ Scanners? dimensão física da imagem a digitalizar dpi's que o scanner pode obter
Ajuda Tabela de resoluções http://fred.dsimprove.be/ offsite/pixel/
formatos de imagem comprimidos com perdas sem perdas não comprimidos Trabalho de edição de imagem formato de trabalho formato de exportação
formatos de imagem forma como é gravada uma imagem ou tipo de ficheiro extensão do ficheiro primeira questão: tamanho do ficheiro Exemplo: imagem 50 x 50 pixeis com 24 bits de cor Tamanho = 50 * 50 * 24 bits = 60000 bits = 7500 bytes = 7,32 kilobytes 7500 7654 = 154
tamanho do ficheiro 1024 * 1024 pixeis ficheiro 3 Mb Máquina de 5 Mp 5000000 pixeis *24 bits / 8 => tamanho 15 Mb
tamanho do ficheiro capacidade de armazenamento cartões de memória comunicação através da Net largura de banda larga estreita tempo de espera
tamanho do ficheiro necessidade de gravar com menores tamanhos de ficheiro compressão diminuir o tamanho do ficheiro
formatos não comprimidos BMP, RAW comprimidos com perdas JPEG, etc sem perdas PNG, GIF, TIF
formatos não comprimidos RAW (em pt = crú) utilizado em máquinas digitais profissionais BMP Windows Bitmap Image Utilizado no Paint
formatos comprimidos um exemplo simplificado de compressão sem compressão 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 1 1 1 1 1 1 1 1 1 1 1 1 0 0 com compressão 16 0 16 0 2 0 12 1 2 0 Fonte: Paul Bourke Renderings and models by Peter Diprose and Bill Rattenbury November 1993 http://local.wasp.uwa.edu.au/~pbourke/dataformats/bit maps/
formatos comprimidos com perdas JPEG sem perdas PNG GIF TIF
formatos comprimidos o formato a escolher depende da imagem JPEG imagens naturais / reais PNG grafismos: logos, botões GIF grafismos; mais antigo TIFF grafismos; permite um modo sem compressão
formatos características JPG, JPEG elimina píxeis não perceptíveis ao olho humano permite definir a quantidade de compressão obtém se uma grande redução no tamanho de ficheiro não permite transparências
formatos características PNG não há perda de píxeis permite definir a quantidade de compressão grafismos: logos, botões substituto do GIF permite transparências não permite camadas formato livre o IE versões antigas não percebe as transparências do PNG; o IE 7 já percebe
formatos características GIF formato antigo limitado em cores permite animações permite transparências formato proprietário
formatos nativos de programas psd Photoshop xcf The GIMP guardam as camadas, selecções actuais, canais, transparências, path's, guias, etc óptimos para trabalhos de edição método de trabalho: gravar num formato nativo fim do trabalho: exportar
formatos nativos de programas Trabalho de edição de imagem formato de trabalho formato de exportação método de trabalho: formato de trabalho: formato nativo fim do trabalho: exportar (ex.: jpg, png, gif, etc)
cor em digital como representar a cor em digital? perceber o que é a cor luz directa (síntese aditiva) luz reflectida (síntese subtractiva) software pode simular os vários modos de representação de uma cor o mais típico actualmente em software de tratamento de imagem: RGB
cor em digital sistema RGB Cores fundamentais (primárias em luz directa) Red Green Blue Método aditivo
cor em digital Sistema CMYK Cores primárias (na luz reflectiva) Cyan Magenta Yellow BlacK Método subtractivo Utilizado em impressão gráfica
cor em digital Sistema HSL Hue: Tonalidade (ou Matiz) Saturation: Saturação grau de pureza de cor (quanto mais perto da primária, mais pura) Lightness: Luminosidade quantidade de luz