segunda-feira, 19 de novembro de 2018

Imagem- técnicas de compressão

 A compressão de imagem serve como forma de armazenar informações visuais mais compactamente. Temos dois tipos de compressão de imagens: compressão sem perdas e compressão com perdas.


  • Compressão sem perdas (lossless):
-Explora a redundância entre pixels na codificação. 
-Nenhum dado é perdido durante o processo de compressão. 
-Preserva todas as informações que permitirão a reconstrução exata da imagem.



Uma compressão tipo ZIP permite que o ficheiro, depois de comprimido e descomprimido, permaneça exatamente igual ao que tínhamos antes da compressão.

  • Compressão com perdas (lossy):
-Há perda de dados durante a compressão da imagem. 
-É mais eficiente em relação à área final de armazenamento devido à sua razão de compressão ser maior que a sem perda. 
-Em aplicações de sinal de satélite ou dados de imagens médicas, entre outras, muitas vezes não é admissível compressão com perda. 
-Diferentes formas de compressão com perda causam visualmente diferentes degradações na imagem.


O JPEG (Joint Photographic Experts Group) é o formato de ficheiro de imagem mais usado no mundo digital. Foi criado a pensar especificamente na compressão de imagens fotográficas e é um formato de compressão com perdas.




Formatos de ficheiros de imagem bitmap:

  • BMP (bitmap image file) : é o formato mais comum utilizado, por exemplo, no paint. É geralmente utilizado para evitar o uso de grandes arquivos em aplicações que exijam tráfego rápido de dados como na Internet. Não conta com nenhum algoritmo de compressão.

  • GIF (Graphics Interchange Format) : são usados ​​geralmente como um meio para o efeito cómico. Uma ou mais fontes de vídeo podem ser editadas, rearranjadas ou combinadas para criar uma justaposição. Conta com compressão sem perdas e não suporta mais do que 256 cores.




  • JPEG (Joint Photographic Experts Group) : Além de ser um método de compressão (com perdas), é frequentemente considerado como um formato de arquivo. É o formato de imagem mais comum usado por câmaras digitais e outros dispositivos de captura de imagem.

  • PDF (Portable Document Format) : usado para converter e comprimir, de forma substancial, documentos de texto e imagem para leitura, para isso basta o outro computador tenha instalado um programa que permita ler ficheiros em formato pdf, tal como o adobe reader

  • PNG (Portable Network Graphics) : Formato com compressão sem perdas que, substituindo o formato gif na web, permite comprimir as imagens sem perda de qualidade e retirar o fundo de imagens, suportando uma profundidade de cor de 48 bits, porém não comporta animação.

  • TIFF (Tagged Image File Format) : Não conta com compressão. É o maior em tamanho e qualidade de imagem.É usado especialmente em aplicações de manipulação de imagem tais como Photoshop.

Para guardar uma imagem vetorial pode ser necesária uma grande quantidade de ficheiros, sendo alguns deles: CDR, SXD, SVG, PS, WWF (...).


  • CDR - utilizado na aplicação CorelDRAW.
  • SXD - permite o desenho vetorial de forma simples no OpenOffice.Org Draw.
  • SVG - formato padrão para a web.
  • PS - reconhecido por quase todos os programas de edição texto e imagem que suportam imagem vetorial.
  • WWF - reconhecido por maior parte dos programas de edição de texto e imagem do Microsoft Office. 


Webgrafia

http://computacaografica.ic.uff.br/transparenciasvol2cap8.pdf
https://lh3.googleusercontent.com/NEAvlfhZa5Yn8DC66QMmALWQOZCaP4BiMoFjn7bORKjf-z2y0vPSKHlQK9VD8C8OS5n5Sw=s85
https://lh3.googleusercontent.com/IVXaDK-A5ZvPG8gbxuIfcsJ08Z29rzc-EWm_9zcPnEPsRhbJvqBexllf1fv9u-mni0GoKg=s113
https://pt.wikipedia.org

domingo, 18 de novembro de 2018

Imagem - 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. Assim, o objetivo de um modelo cor é oferecer a especificação das cores duma forma standard, utilizando um sistema de coordenadas, na qual a cor é representada por um ponto.

Pixel

Uma imagem digital é constituída por um conjunto de pixeis. A palavra pixel é a junção da expressão picture element ("elemento da imagem" em inglês) e consiste na menor unidade de uma imagem. As imagens são aglomerados de pequenas unidades quadrangulares e cada pixel conta com a junção de três cores: azul, verde e vermelho.






Nos programas de imagem a resolução da imagem e as dimensões em pixeis são dois conceitos distintos. A qualidade do pormenor de uma imagem depende da dimensão dos pixeis, por outro lado, a resolução da imagem controla quanto espaço há entre os pixeis na impressão. Uma imagem de alta resolução geralmente reproduz mais detalhe e uma melhor transição de cores do que uma imagem de mais baixa resolução. Quanto maior a resolução maior será o tamanho do ficheiro.

Profundidade de cor é um termo da computação gráfica que descreve a quantidade de bits usados para representar a cor de um único pixel numa imagem bitmap. Quanto maior a quantidade da profundidade da cor presente na imagem, maior é a escala de cores disponível.

Modelos de cor


  • RGB (Red, Green, Blue)


RGB é a abreviatura do sistema de cores aditivas formado por vermelho, verde e azul. O sistema RGB consiste na reprodução de cores em dispositivos eletrónicos como ecrãs de televisão e computador, câmeras digitais, assim como na fotografia tradicional, por exemplo nas polaroids.


  • CMYK (Cyan, Magenta, Yellow, blacK)


Ao contrário do sistema RGB, o sistema CMYK é subtrativo e tem como base a forma de como a luz é absorvida e/ou refletida no meio natural. As cores são criadas pela redução de outras à luz que incide na superfície de um objecto.  É utilizado na impressão em papel, empregando as cores do modelo CMY e a tinta preta.




  • HSV (Hue, Saturation, Value)


O modelo HSV é definido pelas grandezas tonalidade, saturação e valor, onde este último representa a luminosidade ou o brilho de uma cor (características ligadas à luminância) e a tonalidade e a saturação estão ligadas a informações ligadas à cor (crominância).





  • YUV 


O modelo YUV guarda a informação de luminância separada da informação de crominância ou cor. Assim, é definido pela componente luminância (Y) e pela componente crominância ou cor (U = blue – Y e V= red – Y). É utilizado por televisões.





Webgrafia

https://tpjp2310.blogspot.com/search/label/Profundidade%20de%20cor
https://en.wikipedia.org/wiki/YUV
https://pt.wikipedia.org/wiki/Pixel
https://ogimg.infoglobo.com.br/in/22129096-d5e-0b4/FT1086A/652/ComAmorVanGogh.jpg
https://www.brildor.com/blog/wp-content/uploads/2017/05/sublima-imagenes-en-RGB.jpg
https://www.budgetfolders.co.uk/printed-folders/uploads/2016/08/SubtractiveColor.svg_.png
https://www.researchgate.net/profile/Kemal_Erdogan3/publication/284698928/figure/fig1/AS:614113810071566@1523427550628/HSV-color-space-Hue-saturation-value.png
https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/YUV-UV_Scaled_Y0.5_70_percent.png/1200px-YUV-UV_Scaled_Y0.5_70_percent.png

quinta-feira, 15 de novembro de 2018

Imagem

Imagem é a representação visual de uma pessoa ou de um objeto. Ciências como a matemática classificam a imagem como sendo a representação de um objeto especializado, que exige técnicas e ferramentas especiais (material de captura como uma câmara ou um programa como autocad ou sketchup).A imagem é também um tipo de conteúdo corrigível no caso das imagens bitmapped.


Utilização digital da imagem

Uma imagem digital é a representação de uma imagem bidimensional usando números binários codificados de modo a permitir seu armazenamento, impressão e processamento por meios informáticos. Tendo aplicação a nível comercial, cientifico, industrial, ao nível da educação e do entretenimento. Estas imagens podem ser impressas e posteriormente usadas em jornais ou revistas, podendo também ser divulgadas através  da Internet.


"Uma imagem fala mais do que mil palavras"

É uma frase que ouvimos frequentemente na nossa vida mas será que já parámos para pensar na sua verdadeira intencionalidade?
De tudo o que vemos diariamente tiramos uma ideia, uma memória, o subconsciente funciona assim para todas as pessoas porém não da mesma forma. A partir da mesma imagem podem ser retiradas várias ideias diferentes, do mesmo modo que a mesma imagem pode causar um impacto diferente em cada um de nós. Por essa razão é que se diz que uma imagem fala mais do que mil palavras.





A Cor

cor é uma das principais características do mundo que nos rodeia.É um elemento expressivo e simbólico, de fundamental importância na linguagem visual.
A cor não é um fenómeno físico, é sim provocado pela ação de um feixe de fotões sobre células da retina e pela sua leitura no cérebro.


Teoria da cor

O cérebro  interpreta os sinais nervosos vindos do olho, resultantes da reemissão da luz vinda de um objeto tendo assim a perceção de cor, mas não só através da cor podemos visualizar os contornos e forma de um objeto.  A retina perceciona apenas uma parte do espectro eletromagnético  (380 a 700 nanómetros - 4,3x10^14 Hz a 7,5x10^14 Hz). Um mesmo comprimento de onda pode ser percebido diferentemente por diferentes pessoas, ou seja, cor é um fenómeno fisiológico, de carácter subjetivo.
A cor depende de alguns fatores como: a luminosidade, a reflectividade da superfície do objeto e das características do olho humano bem como as características de uma câmara de captura de imagem.




Interpretação das cores 

O ser humano tem dois tipos de visão,  escotópica e a fotópica.





Visão Escotópica 

A visão escotópica é produzida pelo olho quando os níveis de luminosidade são baixos. No olho humano os cones (células do olho responsáveis por reconhecer cor) não funcionam em níveis de baixa luminosidade, o que determina que a visão seja produzida exclusivamente pelos bastonetes ( células responsáveis por detetar luminosidade), o que impossibilita a percepção das cores.


Visão Fotópica

A visão fotópica é produzida pelo olho quando os níveis de luminosidade são médios ou altos. Os cones existentes no olho com estes níveis de luminosidade já funcionam o que permite que tenhamos a percepção de cor.








Webgrafia

https://pt.wikipedia.org/wiki/Cor#Teoria_da_cor
http://www.radialcor.com/pt/dicas/cores-inspiracao/psicologia-das-cores/
https://www.significados.com.br/cor/
https://pt.wikipedia.org/wiki/Processamento_de_imagem#Aplica%C3%A7%C3%B5es
https://www.significados.com.br/cor/
https://anasoares1.wordpress.com/2010/11/22/introducao-a-imagem-digital-definicao-de-pixel-e-cores-digitais/
https://pt.wikipedia.org/wiki/Vis%C3%A3o_escot%C3%B3pica
https://pt.wikipedia.org/wiki/Cone_(c%C3%A9lula)
https://pt.wikipedia.org/wiki/Vis%C3%A3o_fot%C3%B3pica
http://tiranosdascores.blogspot.com/2011/02/visao-escotopica-e-fotopica-luminancia.html
http://teoriadacorpedrocorreia.blogspot.com/2011/12/visao-escotopica-e-visao-fotopica.html
http://astro.if.ufrgs.br/eclipses/bastonetes.jpg
https://lh3.googleusercontent.com/Rg5g6O5anmXGyzXzJV-azJYTF9bIe11HfepERMjWXms7EHsj1qHkk-y7qvF58pIzmnba=s113
https://lh3.googleusercontent.com/xoVPYS6wr4GrWWAOMU2tpeJk3Yz9pGysc5LJ7tsmwmzKLTcd1eLB1I1sARhY2CJnjccmig=s166

segunda-feira, 12 de novembro de 2018

O Texto - Fonte

O que é uma fonte tipográfica?

Uma fonte tipográfica é um padrão de caracteres tipográficos com os mesmos atributos e, por vezes, com o mesmo tamanho (corpo). Uma fonte é composta anatomicamente Corpo (tamanho da letra), Caixas (conjuntos de letras de determinada fonte, exemplo: caixa baixa - representativa das letra minúsculas), Ligaduras ( junção de duas ou mais letras de uma mesma fonte, formando uma espécie de conexão, exemplo: OE-- Œ/œ), Eixos (inclinação de uma letra), Famílias Tipográfica (conjunto de fontes com características gráficas semelhantes), Serifas, Ascendentes e Descendentes.




Tipos de Fontes

Existem apenas dois tipos de fontes: as fontes bitmapped, que são guardadas como uma matriz de pixéis que perdem qualidade ao serem ampliadas e as fontes escaladas que são definidas através de vetores através de processos matemáticos não perdendo assim qualidade ao serem aumentadas    



Exemplos de fontes bitmapped são: courier, MS Sans Serif e Small.

Algum exemplos de fontes escaladas são:  Baramond, Arial e Times New Roman.


Fontes com Serifa


Como já foi abordado acima a serifa é uma das características de uma fonte, sendo pequenos traços nas extremidades de uma letra. Devido a esta característica as fontes podem ser agrupadas em dois grupos : fontes com serifa ( exemplo: Times New Roman, Palatino e Garamond) e fontes sem serifa ( exemplos: Comic Sans, Helvetica e Optima).








Helvetica


Em 1956 foi pedido ao designer e tipógrafo Max Miedinger que desenhasse uma família tipográfica não serifada para ser lançada no mercado no âmbito da revalorização da estética modernista que começava a ganhar força na época do pós-guerra. Miedinger inspirou-se na tipografia alemã de Akzindenz Grotesk do inicio do século 19 e, por isso, batizou-a de nova haas grotesk. Porém, quem havia encomendado a tipografia achou que o nome deveria ser alterado por facilitação no mercado internacional. Foi escolhido "Helvetia", que é o nome em latim para Suíça. O termo, porém, já batizava outras empresas e finalmente acabou por ser escolhido o termo “Helvetica”, que é “suíço” em latim.

Nas imagens seguintes temos à esquerda um exemplo de letra realista e à esquerda temos um exemplo de letra helvetica.












Webgrafia

https://s3-sa-east-1.amazonaws.com/nexojornal/www/20171009_ESP_helvetica/notebook-1957-May-07.jpg
https://www.nexojornal.com.br/especial/2017/10/06/Helvetica-os-60-anos-da-tipografia-que-virou-%C3%ADcone1

https://www.chiefofdesign.com.br/tipografia/#subTitulo03
https://pt.wikipedia.org/wiki/Fonte
https://greeceintech.wordpress.com/2014/10/29/tipos-de-fontes-bitmapped-e-escaladas/
https://pt.wikipedia.org/wiki/Fonte_tipogr%C3%A1fica
https://pt.wikipedia.org/wiki/Fonte_tipogr%C3%A1fica#/media/File:Ascendente_e_descendentes.png
https://sigarra.up.pt/feup/pt/web_base.gera_pagina?p_pagina=*fontes%20tipogr%C3%A1ficas https://lh3.googleusercontent.com/eAPxClRf88kkXiUHgCO-5H9olZjiRPtDbkZ6DXrwNpEdoD2cC46qZcyAiMVJy0esrWxb=s94
https://lh3.googleusercontent.com/PgGqFFZLCMoKiwuGpoQ1s5e20WJ_14vbYfanBM1BQG4oYfOsJQQFTS4-XKbX0-VuYM58EA=s147
https://lh3.googleusercontent.com/ZuDLs_lq5y6e1dwVXxkVpxLNkSvcqAPMlSE4viXElOfiVr_gF2wnkw3tAJK43JlUnL3Ldg=s121

domingo, 11 de novembro de 2018

Nuvem de Palavras

O que é uma nuvem de palavras ?

Nuvem de palavras (word cloud) é um gráfico digital que mostra o grau de frequência das palavras num texto. As palavras podem aparecer em fontes de vários tamanhos e em diferentes cores.




Para a criação desta nuvem de palavras foi usado o site https://wordart.com/, mas existem vários outros sites que permitem a criação de nuvens de palavras de forma gratuita .



terça-feira, 6 de novembro de 2018

O Texto


texto é o meio adequado para transmitir informação essencial de um modo preciso e é também uma das formas principais da comunicação.
Para que o utilizador comunique com o computador é necessário utilizar o texto. Este texto é composto por vários caracteres que são posteriormente codificados para que o computador entenda a informação que é passada pelo utilizador. Para isso são utilizados padrões de codificação. 



Padrões de codificação

Em um qualquer padrão de codificação, caracteres são agrupados em conjuntos. Isso é então chamado de conjunto de códigos de caracteres quando, a cada caractere é atribuído um número em particular, chamado de codepoint. Esses codepoints irão ser representados no computador por um ou mais bytes.

Isto é, todos os caracteres são armazenados em computadores utilizando códigos. A codificação de caracteres é um conjunto de relações entre os bytes que representam números no computador e caracteres no conjunto de caracteres codificado. Exemplos destes padrões são: o código Morse, o padrão Unicode e o padrão ASCII. 


Tabela de código ASCII


 A tabela de código ASCII (American Standard Code for Information Interchange) foi concebida na década de 60, com o intuito de criar um padrão de codificação que fosse usado universalmente por todos os computadores, facilitando deste modo a interação entre os mesmos. Esta tabela de código carateriza-se por usar conjuntos de 7 bits para assim representar um total de 128 caracteres, sendo no entanto muitos deles concebidos para serem usados com a linguagem inglesa. 





Tabela de código Unicode

Unicode é um padrão que permite representar e manipular texto de qualquer sistema de escrita existente. O padrão consiste de pouco mais de 107 mil caracteres.
Novos códigos são regularmente atribuídos para novos caracteres: caracteres latinos (acentuados ou não), gregos, cirílicos, hebraicos, etc..O Unicode define, então, uma correspondência entre símbolos e números.





Webgrafia 


http://unifoundry.com/uni00.bmp
https://pt.wikipedia.org/wiki/Codifica%C3%A7%C3%A3o_de_caracteres
https://pt.wikipedia.org/wiki/Unicode
https://tse2.mm.bing.net/th?id=OIP.ddmodIue7pNGERN4GpjyWwHaFj