Imagens vetoriais e bitmap

Imagens Bitmap e Vetorias

START

• Afonso Jacinto Nº2
• Daniel Silva Nº10
• Filipe Soares Nº11
• Rui Simões Nº24

indice

01.

Imagens Vetoriais (origem)

07.

Inicio

02.

Imagens Vetoriais (Exemplos)

Indice

08.

09.

Formatos Vetoriais

03.

Intrudução

04.

10.

Utilização na Indústria

Imagens Bitmap (origem)

11.

Conclusões

05.

Imagens Bitmap (Exemplos)

06.

Formatos Bitmap

12.

Webgrafia e Kahoot

Intrudução

Nesta apresentação, exploraremos as diferenças entre imagens bitmap e vetoriais, destacando suas características, usos e vantagens em diferentes contextos. Serão abordados conceitos fundamentais, como a composição por pixels das imagens bitmap e a construção matemática das imagens vetoriais, além de exemplos práticos e softwares mais utilizados. Para tornar o aprendizado mais dinâmico, haverá comparações visuais, uma breve demonstração prática e um jogo interativo no Kahoot para reforçar os conceitos abordados. Ao final, os participantes terão uma compreensão clara sobre quando e como utilizar cada tipo de imagem em projetos gráficos e digitais.

Imagens Bitmap:

O conceito de bitmap foi desenvolvido nas décadas de 1960 e 1970 por investigadores da Xerox PARC (Palo Alto Research Center), um dos laboratórios mais inovadores da época. Este modelo foi essencial para o desenvolvimento das primeiras interfaces gráficas de utilizador.

✅ Formadas por pixels. ✅ Perdem qualidade ao serem ampliadas. ✅ Boas para fotografias e imagens detalhadas. ✅ Tamanhos de arquivos maiores dependendo da resolução. ✅ Usadas em telas, edições fotográficas e pinturas digitais.

Imagens Bitmap

Uma imagem bitmap (ou raster) é um tipo de imagem digital composta por uma grade de pixels, onde cada pixel possui uma cor específica. Quanto maior a quantidade de pixels, maior a qualidade e os detalhes da imagem. No entanto, ao ampliar uma imagem bitmap, os pixels se tornam visíveis, resultando na perda de qualidade e no efeito de "borrão" ou "serrilhado".

EX:Imagens Bitmap:

Formatos Bitmap:

• BMP(Bitmap Picture):

-Formato bruto sem compressão, gera arquivos grandes

• JPEG/JPG(Joint Photographic Experts Group):

- COmpressão com perda de qualidade, ideal para fotos.

• PNG( Portable Network Graphics):

-Suporta transparência e compressão sem perda de qualidade.

• GIF (Graphics Interchange Format):

-Suporta animações e transparência, mas tem uma paleta limitada de cores.

• TIFF( Tagged Image File Format):

-Alta qualidade, usado em impressão e design profissional.

BMP: Formato bruto sem compactação, gera arquivos grandes.JPEG/JPG: Compactado com perda de qualidade, ideal para fotos.PNG: Suporta transparência e compressão sem perda.GIF: Suporta animações e transparência, mas tem uma paleta limitada de cores.TIFF: Alta qualidade, usado em impressão e design profissional.

Imagens Vetoriais:

Os gráficos vetoriais surgiram com o desenvolvimento da computação gráfica na década de 1950 e foram aperfeiçoados por empresas como a Adobe Systems e a Corel Corporation.

Imagens Vetoriais

✅ Formadas por formas geométricas e cálculos matemáticos.✅ Podem ser redimensionadas sem perder qualidade. ✅ Leves e fáceis de editar. ✅ Ideais para logos, ícones, ilustrações e design gráfico.

Uma imagem vetorial é um tipo de imagem digital baseada em equações matemáticas, que utilizam pontos, linhas e curvas para criar formas. Diferente das imagens bitmap, os vetores podem ser ampliados ou reduzidos sem perder qualidade, pois não são compostos por pixels fixos.

EX:Imagens vetoriais:

Formato de Vetorais:

• SVG (Scalable Vector Graphics):

- Usado na web, compatível com HTML e CSS.

• AI (Adobe Illustrator):

-Formato proprietário da Adobe, muito usado em design gráfico.

• EPS (Encapsulated PostScript):

-Versátil, usado para impressão e gráficos vetoriais.

• PDF (Portable Document Format):

-Pode conter vetores e bitmaps, ideal para impressão.

• CDR (CorelDRAW):

-Formato nativo do CorelDRAW, usado em ilustrações e design.

Utilização na indústria:

Imagens Bitmap:

Imagens Vetoriais:

• Logótipos e identidade visual: Empresas usam vetores para garantir qualidade em qualquer tamanho.
• Ilustrações e design gráfico: Criadas em softwares como Adobe Illustrator ou CorelDRAW.
• Impressão de materiais de grande formato: Outdoors, autocolantes e faixas publicitárias usam vetores para evitar perda de qualidade.
• Animações e interfaces: Os ficheiros SVG são utilizados em websites e aplicações para ícones e gráficos interativos.

• Fotografia: Câmaras digitais e editores como o Photoshop trabalham com bitmaps.

• Design para a web: Imagens em sites geralmente usam formatos como JPEG e PNG.

• Redes sociais: Publicações, banners e miniaturas são geralmente bitmaps.

• Impressão de fotografias: Revistas, álbuns e cartazes fotográficos utilizam ficheiros raster.

As imagens bitmap e vetoriais têm características e aplicações distintas, sendo cada uma adequada para diferentes necessidades. As imagens bitmap (como JPEG, PNG e GIF) são compostas por píxeis e são ideais para fotografias e imagens detalhadas, mas perdem qualidade quando ampliadas. Já as imagens vetoriais (como SVG, AI e EPS) são baseadas em equações matemáticas, permitindo redimensionamento sem perda de qualidade, tornando-as perfeitas para logótipos, ilustrações e design gráfico.

Conclusões

A escolha entre bitmap e vetor depende do uso pretendido: bitmaps para imagens realistas e vetores para gráficos escaláveis. Ambos os formatos desempenham papéis essenciais no design digital e na comunicação visual.

Webgrafia

https://imprensa.ufc.br/pt/duvidas-frequentes/diferenca-entre-imagens-bitmaps-e-vetoriais/ https://en.wikipedia.org/wiki/Bitmap https://pt.wikipedia.org/wiki/Desenho_vetorial https://pt.wikipedia.org/wiki/Imagem_digital

Kahoot!