Imagem-Ficheiros de imagem

Para poderem ser tratadas em programas de computador, os ficheiros de imagem podem ser guardados numa grande variedade de formatos, bitmap (baseado em mapas de bits) ou vetoriais (baseado em equações matemáticas). 

Estes formatos possuem normalmente técnicas de compressão, que permitem reduzir a redundância de dados, de modo a armazená-lo mais rápida e eficientemente e facilitar a sua transmissão.

- Compressão sem perdas, quando a compressão, seguida pela descompressão, preserva integralmente os dados da imagem;

- Compressão com perdas, quando a compressão, seguida pela descompressão, conduz à perda de alguma informação da imagem (que pode ou não ser aparente ao sistema visual humano). A imagem descomprimida terá uma qualidade inferior à imagem original.

Hoje iremos falar de alguns tipos de formatos para imagens bitmap.

• BMP (Bitmap)

É um formato muito popular, devido ao programa de desenho da Windows, o Paint.
É o formato mais comum e até ao momento não possui qualquer tipo de técnica de compressão

• GIF ( Graphics Interchange Format)

Formato com técnicas de compressão sem perdas, não perdendo qualidade quando é alterado o tamanho original da imagem, e ocupando pouco espaço no armazenamento, sendo por isso ideal para páginas Web.

Este formato é muito popular devido a características como a transparência, entrelaçamento e, sobretudo, a animação.

• JPEG (Joint Photographic Experts Group)

É um formato muito utilizado para a compressão de ficheiros, uma vez que possui vários níveis de compressão com perdas, o que implica pequenas perdas de informação e de qualidade de imagem.

A compressão deste formato baseia-se na eliminação de informações redundantes e irrelevantes, ou seja, na repetição da mesma cor em pontos adjacentes ou de cores semelhantes não diferenciadas a olho nu.

Este formato ocupa muito pouco espaço no disco (por vezes menor que os do formato GIF), sendo muito usado em páginas da Internet.

• PDF (Portable Document Format) 

Criado pela Adobe, este formato é usado para converter e comprimir documentos de texto e imagens para leitura. Para ler estes documentos, é necessário ter instalado no dispositivo um Adobe Reader.

• PNG (Portable Network Graphics)

Tal como o formato GIF, o formato PNG é um formato com algoritmos de compressão sem perdas, mantendo a qualidade quando são armazenadas e transmitidas. Para além disso, consegue suportar uma profundidade de cor maior do que o GIF (48 bits, enquanto que o formato GIF so suporta até 24 bits), pelo que é um bom substituto deste formato, embora não comporte animação.

• TIFF (Tagged Image File Format)

O TIFF é um formato sem compressão de imagens. Apesar disso, é o maior em tamanho e o melhor em qualidade.

É, por isso, muito utilizado em programas bitmap de pintura e edição de imagem, sendo ideal para o tratamento de imagens antes de esta ser convertida para qualquer outro formato.

Fontes:
https://images.app.goo.gl/QXdDbrdRY2iArwYS6
https://www.sereltel.com/gallery_gen/b6e1506dbeb74f3fe7dc063671875e6b_anim.gif
https://focusfoto.com.br/wp-content/uploads/2017/12/000-escola-focus-jpeg-raw.jpg
https://images.app.goo.gl/KLMdxQ2S1nBXLhsr5
https://images.app.goo.gl/iTXh2R8kB84Ay9Gu9
https://classroom.google.com/u/2/c/Mzc5NjA3ODYyNTVa/m/MzkyODkzMzEwMTFa/details
 

Imagem-Modelos de cor

Para os sistemas gráficos reproduzirem as cores é necessário criarem-se modelos que as representem, tendo em conta a natureza do olho humano, da luz e da cor.

Estes modelos de cor permitem especificar uma determinada cor através de sistemas de coordenadas, na qual a cor é representada por um ponto.

Existem vários modelos de cor e, no campo da imagem digital, estão adaptados a dispositivos de saída (ex: monitores, impressoras e televisores).

• Modelo RGB (Red Green Blue)

O modelo RGB é um modelo aditivo que permite exibir imagens de cor em monitores. Este modelo descreve as cores como uma combinação das três cores primárias: vermelho, verde e azul.

Qualquer cor no sistema digital é representada por um conjunto de valores numéricos. A cor branca corresponde à representação simultânea das três cores primárias (1,1,1), enquanto que a cor preta corresponde à ausência dessas três cores (0,0,0).

As aplicações do modelo RGB estão associadas à emissão de luz por equipamentos como monitores de computador e ecrãs de televisão.

Cores do modelo RGB representadas por valores decimais e inteiros

• Modelo CMYK ( Cyan Magenta Yellow BlacK)

A partir do modelo CMY, ao qual foi adicionado a cor preta, surgiu o modelo CMYK. 

O modelo CMYK é utilizado  em impressoras, fotocopiadoras, pintura e fotografias.

Este modelo subtrativo descreve as cores como uma combinação das três cores primarias de impressão: o ciano, magenta e amarelo. 

A cor preta foi adicionada por ser mais fácil a sua obtenção quando impressa em papel do que recorrendo a mistura de cores.

Sendo um modelo subtrativo, é o oposto do modelo RGB, e as cores primárias de um são as cores secundárias do outro

• Modelo HSV ( Hue Saturation Value)

O modelo HSV é definido segundo três parâmetros: 

• Tonalidade (matiz ou hue): é a cor  pura com saturação e luminosidade máxima. Exprime-se em valores angulares entre 0 e 360 graus.
• Saturação (saturation):  indica a intensidade da tonalidade ( se uma cor é mais esbatida ou forte). Exprime-se em valores percentuais entre 0% (inexistência de cor ) e 100% ( cor saturada ou pura). Uma cor pura nao contém a cor preta nem a branca.
• Valor (value): traduz a luminosidade ou brilho de uma cor. Exprime-se em valores percentuasi entre 0% ( a cor é muita exura; apresenta garnde quantidade da cor preat) e 100% ( a cor é clara, pura, saturada).

Este modelo é utilizado sobretudo utilizado na mistura de cores do ponto de vista artístico, pela importância que dá à tonalidade e sombras da cor.

• Modelo YUV 

O modelo YUV é definido pela componente luminância (Y) e pela componente crominância ou cor (U = blue - Y e V= red - Y), pelo que consegue guardar a informação de luminância separada da informação de crominância, mantendo-as independentes uma da outra. Isto permite uma boa compressão de dados, pois alguma informação de crominância pode ser retirada sem implicar grandes perdas na qualidade da imagem, uma vez que a visão humana é menos sensível à crominância do que à luminância.

O modelo YUV é adequado às televisões a cores e à transmissão de sinais de vídeo.

Fontes:
https://images.app.goo.gl/jhpekL81P7E454h18
https://images.app.goo.gl/qtcfQJn2PQb9WB4X7
https://images.app.goo.gl/9e3Ar1ir9F1jffX69
https://images.app.goo.gl/dQv7Uj3AsyEHCaWWA
https://images.app.goo.gl/aFrMngKx5YU1mNoj7
https://classroom.google.com/u/2/c/Mzc5NjA3ODYyNTVa/m/MzkyODkzMzEwMTFa/details

A importância da cor e da imagem

Hoje iniciámos a segunda subunidade sobre utilização de sistemas multimédia, destinada à imagem.
A imagem é a representação visual de um objeto através de técnicas da fotografia, da pintura, do desenho e do vídeo. Uma imagem pode ser representada digitalmente através de números binários codificados. Desta forma, podem ser armazenadas, transferidas, reproduzidas, impressas e processadas por meios eletrónicos.
As imagens digitais têm aplicações tanto nos campos comercial e industrial como nos campos científico, pedagógico, lúdico, etc.
Podem ser impressas em revistas, jornais, textos e livros, gravadas em suportes físicos, editadas e manipuladas com a ajuda de programas informáticos e transmitidas pelas redes informáticas.

A importância da cor na imagem.

A cor está presente em tudo o que observamos, desempenhando um papel essencial na imagem e na perceção da realidade, conferindo maior realismo às imagens e às cenas visualizadas.

"Uma imagem vale mais que mil palavras"

A imagem sempre teve maior capacidade de cativar e de captar a atenção de qualquer recetor. É, por isso, uma melhor forma de transmitir informação, sendo mais eficaz do que qualquer conjunto de palavras.

Fontes:

https://images.app.goo.gl/QwXHgzHKvEoMfyMWA
https://images.app.goo.gl/PP12dM13SGuDv6gm6

https://drive.google.com/file/d/1rljXDm5fsOP3eX_0qaondK47x2D4Qp7j/view

Nuvem de palavras

Hoje, na aula, criamos uma nuvem de palavras usando o site https://wordart.com/create, com os nomes de todos os nossos coleguinhas do 12ºC. 

Clica na imagem 😉

Texto e fontes tipográficas

As fontes são conjuntos de caracteres  (letras, números,símbolos) com as mesma características físicas, ou seja, com o mesmo desenho e o mesmo padrão.

São as fontes que determinam como é visualizado o texto e a informação no ecrã.

Estas são identificadas por nomes e classificadas segundo famílias.

Família tipográfica Times New Roman

Os diferentes tipos de letras são classificados, principalmente, em serifas (Serif) ou sem serifa (Sans-Serif).

As fontes com serifa tendem a ligar o olhar através do texto, sendo, por isso, tipicamente usadas em blocos de texto. 

As fontes sem serifa valorizam cada palavra individualmente pelo que costumam ser usadas em textos mais curtos.

Existem dois tipos de fontes: bitmapped e escaladas.
As fontes bitmapped  são constituídas por pontos, os pixeis, que formam os caracteres, o que causa a perda de qualidade quando são ampliadas.
As fontes escaladas, por sua vez, são definidas matematicamente e contêm informação para construir os seus contornos através de linhas e curvas que
são preenchidas para representarem um aspeto sólido de formas contínuas, o que permite a sua ampliação sem perder qualidade.

Comparação entre fontes bitmapped e escaladas

Georgia é um tipo de fonte tipográfica de serifa criada em 1993 pelos designers Matthew Carter e Tom Rickner, para a Microsoft, como parceira serifada da primeira fonte sem serifa da Microsoft, a Verdana. Foi lançada em 1996 e é atualmente uma das fontes mais usadas por toda a Web.

A familía da fonte Georgia

Fontes:
https://images.app.goo.gl/yiMzvtSPFyaZYAaJ6
https://images.app.goo.gl/U12Zusd5gGWXGHmg6
https://images.app.goo.gl/Rb5waZm7bHd4MKtu6
https://images.app.goo.gl/VLhRTZaxudUdCQ3x7

Texto e codificação de caracteres

Fonte: standard

Hoje, na aula, iniciámos uma nova subunidade relacionada com um dos tipos de multimédia que todos conhecemos bem: o texto.

Antes de 1960, cada computador usava um código próprio para a representação de letras, números e símbolos que usamos.

Na década de 60, porém, surgiu a necessidade de os computadores trocarem informação entre si. Assim, surgiram os padrões de codificação. Estes padrões consistem em tabelas com grupos de bits que representam determinados caracteres. Estes relacionam o conjunto de caracteres ( que se pretendem representar) com um conjunto de números  ou impulsos elétricos, entre outros,  de forma a facilitar a comunicação entre os vários sistemas e a troca de dados.

Assim surgiu, nos anos 60, a tabela de código ASCII (American Standard Code Information Interchange) que utiliza conjuntos de 7 bits para representar 128 caracteres, muitos deles adequados apenas à língua inglesa.

A tabela ASCII tem, assim, grandes fragilidades quando mudamos de linguagem e a  crescente necessidade da troca de dados a nível global levou a um novo código que define todos os caracteres da maior parte das línguas do mundo, o Unicode. Este novo tipo de codificação universal permite representar conjuntos até 4 bytes (32 bits) o que permite codificar caracteres acentuados, símbolos de pontuação, símbolos técnicos e matemáticos e outros símbolos gráficos.

Uma tabela ASCII

Uma tabela Unicode

É possível converter qualquer imagem em ASCII, confere aqui os nossos resultados. Podes também converter as tuas imagens em ASCII no site https://www.ascii-art-generator.org/

O logo da nsosa escola ASCII

O nosso logo ASCII

Fontes:  
https://lh3.googleusercontent.com/lZjGmengvrdeECyBAqm6N2e8pnYZv5oKBiD7g1BKS3t31k03VUUHqGI4PgRGOswHj2vM=s85
https://images.app.goo.gl/a8JHMNgAqGnLxtxD9
http://2.bp.blogspot.com/_1M9hyc7r_c4/TOWLsf65HiI/AAAAAAAAAHM/5rK3SpG3psM/S198/1%2B%25287%2529.jpg
http://www.network-science.de/ascii/
https://manytools.org/hacker-tools/convert-images-to-ascii-art/go
https://pplware.sapo.pt/software/ascii-generator-as-suas-imagens-em-texto/
http://buulex.blogspot.com/2016/10/padroes-de-codificacao-de-caracteres.html