Gráficos vetoriais e bitmap – zoom, resolução e tamanho de arquivo
ComputaçãoAplicativos digitaisIdades 15–16
Use com a sua turma: os alunos abrem por um link ou QR code, sem precisar de conta.
Continue em Aplicativos digitais
O mesmo desenho é feito de duas formas: a imagem vetorial guarda a fórmula de cada forma, por isso é redesenhada nítida em qualquer zoom, enquanto a imagem bitmap guarda uma grade de pixels, por isso ampliar revela quadradinhos serrilhados. Os alunos arrastam o controle de zoom, arrastam a tela para mover a vista e alteram a resolução da grade de pixels e o número de formas. O tamanho do arquivo se atualiza na hora: o tamanho do bitmap é largura × altura × profundidade de cor ÷ 8, enquanto o tamanho do vetor depende só do número de formas, nunca do nível de zoom.
Aula: Design gráfico: imagem vetorial x imagem bitmap, resolução e tamanho de arquivo
O que mostra
Os computadores guardam imagens de duas maneiras diferentes. Uma imagem bitmap (raster) registra a cor de cada pixel, então seu tamanho sem compressão é largura × altura × profundidade de cor ÷ 8 bytes, e ampliá-la apenas estica os pixels existentes em quadrados visíveis. Uma imagem vetorial guarda cada forma como uma descrição geométrica (tipo, coordenadas, cor, traço), por isso é redesenhada em qualquer escala e seu tamanho depende do número de formas, não do zoom. É por isso que logotipos e ícones combinam com formatos vetoriais como SVG, enquanto fotografias precisam de formatos bitmap como PNG ou JPEG.
Como usar
Comece com Comparar e arraste o controle de Zoom para ampliar as duas cópias, arrastando a tela para ir até uma borda; clique em Centralizar para voltar. Observe onde o bitmap fica serrilhado enquanto o contorno vetorial continua nítido. Depois mude a Grade bitmap e a Cor, leia o novo tamanho do arquivo bitmap e altere o número de Formas para ver o que realmente faz o arquivo vetorial crescer.
Parâmetros que você pode mudar
- Modo de exibição Lado a lado para comparar, Só imagem vetorial, Só imagem bitmap
- Nível de zoom 1–16 x
- Resolução do bitmap 100 × 75 pixels, 200 × 150 pixels, 400 × 300 pixels, 800 × 600 pixels
- Número de formas no desenho 1–30 formas
- Profundidade de cor 8 bits – 256 cores, 24 bits – cor real, 32 bits – com canal alfa
Perguntas para explorar
- Por que ampliar a imagem vetorial não acrescenta nenhum byte ao tamanho do arquivo?
- Quantos bytes ocupa um bitmap sem compressão de 800 × 600 pixels com cor de 24 bits?
- Uma fotografia de paisagem deve ser guardada como imagem vetorial ou bitmap? Por quê?
