Formatos de ficheiros

Formatos de ficheiros de imagem mais comuns 

Existem vários formatos para guardar os ficheiros de imagens digitais e os vários programas têm de ter capacidade para ler e guardar nesses formatos.

Os programas de computador que trabalham com imagens estão, genericamente, divididos em:

• Programas bitmap (imagem) , baseando-se num mapa de bits;
• Programas vetoriais (gráficos ou desenho) baseando-se em fórmulas matemáticas. 

As técnicas de compressão (reduzir a redundância dos dados, de forma a armazenar ou a transmitir esses mesmos dados de forma eficiente) de imagem podem ser de duas naturezas distintas:

• 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.

Tipos de formatos para imagens bitmap

A informação de uma imagem bitmap pode ser guardada numa grande quantidade de formatos de ficheiros.

• BMP (Bitmap)- É mais comum e não inclui, até ao momento, nenhum algoritmo de compressão.
• GIF (Graphics Interchange Format)- É um formato com compressão sem perdas, não perdendo a qualidade quando é alterada o seu tamanho original.São ficheiros que ocupam um pequeno espaço no computador.
•  JPEG (Joint Photographic Experts Group)- Formato com vários níveis de compressão com perdas, diminuindo a qualidade da imagem. São ficheiros que ocupam pequenos espaços. 
• PDF (Portable Document Format)- É um formato de compressão sem perdas, bastante usado para converter e comprimir de forma substancial documentos de textos e imagens.
• PNG (Portable Network Graphics)- Formato com compressão sem perdas, que substitui o formato GIF para a web, contudo não comporta animação.
• TIFF (Tagged Image File Format)-  É um formato sem compressão. Sendo o maior em tamanho e o melhor em qualidade de imagem.Geralmente, os programas de desenho não utilizam este formato, no entanto, programas de composição de texto permitem a importação de ficheiros com esta extensão.

GIF

JPG

PNG

GIF

GIF

JPG

PNG

Webgrafia:

https://images.app.goo.gl/TA5sMkz2JAkeB7RR6

https://images.app.goo.gl/iox8iExp63fEXa8x5

https://images.app.goo.gl/YMkSyYoxxde9AKES6

https://www.infowester.com/imagens.php

Modelo de cor YUV

Modelo YUV

O modelo YUV guarda a informação de luminância (perceção da luminosidade e do brilho) separada da informação de crominâmcia ou cor (fornecem informações relativa à cor), ao contrário dos modelos RGB e CMYK, quem em cada cor inclui informação relativa à luminância, permitindo ver cada cor independente da outra.

Assim, o modelo YUV é definido pela componente luminância (Y) e pela componente cor ou crominância (U=blue-Y e V=red-Y).

Com este modelo é possível representar uma imagem a preto e branco utilizando apenas a luminância e reduzindo bastante a informação que seria necessário noutro modelo.Além disso, o modelo também permite uma boa compressão dos 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.

Modelo YUV

O modelo YUV é adequado para sinais de vídeos e às televisões a cores, porque permite enviar a informação da cor separada da informação de luminância.

Aplicação do modelo YUV em uma televisão a cores

Webgrafia:
http://dfmesteves.blogspot.com/2012/11/modelo-yuv.html

http://felisberto-bianca.blogspot.com/2014/11/os-modelos-rbg-cmyk-hsv-yuv.html

Modelo de cor HSV

Modelo HSV

O modelo HSV é definido pelas grandezas tonalidade (Hue), saturação (Saturation) e valor (Value).

A Tonalidade e a Saturação são elementos de crominância, pois fornecem informação relativa à cor.

O Valor é um elemento de luminância , pois indica o brilho e a luminosidade de uma cor.

O modelo HSV é utilizado na mistura de cores do ponto de vista artístico, pois para os artistas plásticos este modelo é mais intuitivo de utilizar quando comparado com o modelo RGB. Sendo assim, estes obtêm as cores das suas obras através da combinação da tonalidade com elementos de valor (brilho e luminosidade) e saturação, e não através de combinações de vermelho,verde e azul.

Webgrafia:

http://dfmesteves.blogspot.com/2012/11/modelo-hsv.html

https://pt.wikipedia.org/wiki/HSV

Modelo de cor RGB e Modelo de cor CMYK

A "Cor está presente em tudo o que observamos", logo, desse modo, para os sistemas gráficos  reproduzirem as cores é necessário criarem-se modelos que as representam, tendo em conta a natureza do olho humano, da luz e da cor.

Quando falamos de Modelos de cor, nos referimos ao padrão de representação e estudo das cores e as suas combinações.

Assim, o objetivo de um modelo de cor é oferecer a especificação de cores duma forma standard, utilizando um sistema de coordenadas, na qual a cor é representada por um ponto.

Modelo RGB

O Modelo RGB é um modelo aditivo, descrevendo as cores como uma combinação das três cores primárias: Vermelha (Red), Verde (Green) e Azul (Blue). 

Uma cor no modelo RGB pode ser descrita pela indicação da quantidade de vermelho, verde e azul que contém. Cada uma pode variar entre o mínimo (completamente escuro) resultando a cor preta e máximo (completamente intenso) dando origem a cor branca.

Cada uma das cores do modelo RGB pode ser representada por um dos seguintes valores: decimal de 0 a 1; inteiro de 0 a 255; percentagem de 0% a 100% e hexadecimal de 00 a FF.

Como o modelo RGB é aditivo:

1. A cor branca corresponde à representação simultânea das três cores primárias (1;1;1);
2. A cor preta corresponde à ausência das três cores primárias (0;0;0);
3. A escala de cinzentos é criada quando se adicionam quantidades iguais de cada cor primária, permanecendo na linguagem na linha que junta os vértices preto e branco.

O propósito principal do sistema RGB é a reprodução de cores em dispositivos electrónicos como monitores de TV e computador, retroprojetores, scanners e câmaras digitais, assim como na fotografia tradicional.

Modelo RGB

 

Aplicação do modelo RGB em um monitor de computador

Modelo CMYK

O modelo CMYK é a abreviatura do sistema de cores subtrativas formada por Ciano (Cyan), Magenta ( Magenta), Amarelo (Yellow) e o Preto (Black). O modelo CMYK foi constituído a partir do modelo CMY, em que foi adicionada a cor preta. Esta foi adicionada ao modelo por ser mais fácil a sua obtenção quando impressa em papel do que recorrendo à mistura de cores.

Como o modelo CMYK é substrativo:

1. A cor preta corresponde à representação simultânea das três cores primárias (1;1;1),
2. A cor branca corresponde à ausência das três cores primárias (0;0;0);
3. A escala de cinzentos é criada quando se adicionam quantidades iguais de cada cor primária, permanecendo na linguagem na linha que junta os vértices branco e preto.

Modelo CMYK

O modelo CMYK utiliza-se em impressoras, fotocopiadoras, pintura e fotografia, onde os pigmentos de cor das superfícies dos objetos absorvem certas cores e refletem outras.

Aplicação do modelo CMYK em um impressora

Webgrafia:

http://product.corel.com/help/CorelDRAW/540240626/Main/BR/Doc/wwhelp/wwhimpl/common/html/wwhelp.htm?context=CorelDRAW_Help&file=CorelDRAW-Understanding-color-models.html

https://pt.wikipedia.org/wiki/Espa%C3%A7o_de_cores

http://cantinhodointeresse.blogspot.com/2015/11/os-modelos-rbg-cmyk-hsv-yuv.html

https://www.amopintar.com/modelos-de-cor/

https://pt.wikipedia.org/wiki/CMYK

"Uma imagem vale mais que mil palavras"

Todos os dias ouvimos a frase: “Uma imagem vale mais que mil palavras”, e sempre em conteúdos e situações diferentes.

Como deves calcular esta frase não caiu assim de paraquedas, é uma expressão popular de autoria do filósofo chinês Confúcio, utilizada para reforçar a ideia do poder da comunicação através das imagens.

 Este ditado está relacionado com a facilidade em compreender determinada situação a partir dos nossos olhos, ou seja, a visão ou até mesmo recorrer à facilidade de explicar algo com imagens, ao invés de palavras.

Diante uma imagem, cabe a nós mesmos fazer a sua leitura, e, como é claro, no final vamos estar perante várias observações porque alguns dão mais valor à cor e outros aos objetos, por exemplo. Contudo, perante um texto, a conversa é um pouco diferente, pois somos livres de ilustra-lo como bem nos convém.

 Segundo um relatório realizado pela Unicef, em média, 32 crianças e adolescentes são assassinadas inocentemente por causa de "bala perdida", uma expressão usada na qual uma pessoa ou animal é atingido por um disparo de arma de fogo cuja origem é desconhecida, ou até mesmo pela polícia militar que "confunde" crianças com traficantes.

A imagem apresenta um uniforme de uma escola pública do estado do Rio de Janeiro no Brasil com 6 furos de balas. 

O uniforme, nas escolas brasileiras, tem como função identificar os estudantes e protegê-los.No entanto, a realidade não é bem assim, pois, infelizmente, o número de crianças mortas nas periferias tem vindo a aumentar.

Na verdade, para a polícia militar e para o governo do novo presidente, se o individuo for negro, pobre, de comunidade ou periferia, independentemente de estar com o uniforme é considerado um criminoso ou suspeito de algo. 

Existem vários casos destes ataques como o de Agatha Félix, ou a operação com helicóptero blindado no complexo da Maré, que tem vindo a revoltar o Brasil e parte do mundo.

Assim, podemos concluir, que esta imagem retrata a desigualdade social e preconceito por parte da PM (polícia militar) que ainda é bastante elevada no Brasil, para além disso esta fotografia simboliza histórias contadas e por contar.

Podes consultar mais sobre estas histórias em: 

https://www.tsf.pt/mundo/mais-de-30-criancas-sao-assassinadas-por-dia-no-brasil-11508159.html

https://www.cmjornal.pt/mundo/detalhe/agatha-felix-a-menina-de-oito-anos-cuja-morte-esta-a-revoltar-o-brasil

https://g1.globo.com/rj/rio-de-janeiro/noticia/2019/07/18/pm-faz-operacao-com-helicoptero-blindado-no-complexo-da-mare-no-rio.ghtml

Cor- Conceito

Cor é a impressão que a luz refletida, absorvida ou emitida pelos corpos produz nos nossos olhos.
A cor branca representa as sete cores do espetro: vermelho, laranja, amarelo, verde, azul, anil e violeta. A cor preta é a ausência ou inexistência de luz.

Círculo cromático

Prisma ótico

Webgrafia:
https://www.significados.com.br/cor/

Imagem

Imagem ( do latim imago) refere-se à representação, à figura, à semelhança ou aparência de algo.
Uma imagem pode ainda ser a representação visual de um objeto através de técnicas de fotografia, da pintura, do desenho e do vídeo.

Alguns exemplos de imagem no nosso quotidiano são: os anúncios publicitários impressos em páginas de revistas, jornais ou, até mesmo, expostos nas paredes de edifícios; os cartazes afixados pelos muros; a própria arquitetura das obras de engenharia; todos os tipos de utensílios e ferramentas; os meios de transporte; representações sagradas; tudo aquilo que visualizamos em telas, no cinema, na televisão, no telemóvel, entre outros. Ou seja, tudo à nossa volta são puras imagens.

Imagem digital é a representação de uma imagem bidimensional usando números binários codificados de modo a permitir seu armazenamento, transferência, impressão ou reprodução, e seu processamento por meios eletrónicos.  Este tipo de imagem tem aplicação tanto na área comercial e industrial como na área científica, pedagógica, lúdica, etc.
São exemplos de imagem digitais todas aquelas imagens que são impressas em revistas, jornais, textos, gravadas em suportes físicos, editadas e manipuladas com a ajuda de programas informáticos e transmitidas pelas redes informáticas.

Webgrafia:

https://conceito.de/imagem

https://pt.wikipedia.org/wiki/Imagem

Nuvem de palavras

Nuvem de palavras é uma imagem que destaca palavras e termos que ocorrem com mais frequência em textos, blogs ou base de dados.

https://wordart.com/msynxer3mdu7/word-art

https://wordart.com/acfl4p8zh8ta/word-art

https://wordart.com/n22gzu23lqm1/word-art

Webgrafia:
https://wordart.com/

Times New Roman - curiosidades

A Times New Roman é uma família tipográfica serifada e uma variação do tipo de letra Times criada
em 1931 para o uso do jornal inglês The Times of London.
Os desenhos originais foram feitos por Victor Lardent, sob a supervisão de Stanley Morison no próprio jornal.
A fonte então passou por um extenso período de aperfeiçoamento e revisão no escritório de Monotype, uma empresa especializada no desenho de tipos.

A primeira edição com Times New Roman 

Webgrafia:
http://ptcomputador.com/Software/word-processing-software/177454.html
http://tipografos.net/tipos/times.html

Fontes com e sem serifa

A classificação dos tipos em serifa e não serifa é considerado o principal sistema da diferenciação das letras.

Tipicamente, as fontes com serifa são usados em blocos de textos (como romance).
As fontes sem serifa costumam ser usadas em textos mais curtos (títulos, chamadas, legendas, destaques, entre outras).

Webgrafia: 
http://tutano.trampos.co/12742-infografico-tipografia-serifa/
https://medium.com/@junioralves_11958/fontes-com-serifa-e-sem-serifa-2cfa6a083952

Tipo de Média - TEXTO

Fontes tipográficas são conjuntos de caracteres que podem corresponder a letras , números ou símbolos.

São identificadas por nomes e classificadas segundo determinadas famílias.

Existem dois tipos de fontes: Bitmapped e escaladas.

Bitmapped são guardadas como uma matriz de pixeis e, por conseguinte, ao serem ampliadas, perdem qualidade. São concebidas com uma resolução e um tamanho específicos para uma impressora específica, não podendo ser escaladas.Logo, impressoras normais não a suportam e não a conseguem imprimir. 

Fontes Bitmapped: Courier, MS Sans Serif, Small e Symbol. 

Exemplo de fonte Bitmapped

Escaladas são definidas matematicamente e podem ser interpretadas (rendering) para qualquer dimensão. Contem informações 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 podem ser ampliadas sem perder a qualidade das suas formas.

Fontes escaladas: Type 1, True Type e Open Type.

Webgrafia:

https://ai-b.blogs.sapo.pt/4330.html
https://pt.wikipedia.org/wiki/Fonte_tipogr%C3%A1fica

Aplicações do código ASCII

Fonte: drpepper

Fonte: larry3d

Webgrafia:

https://manytools.org/hacker-tools/convert-images-to-ascii-art/

http://www.network-science.de/ascii/