- - - GUIA: Diferenças entre SVG e BitMap - - -

Atualmente, o Scratch disponibiliza o uso dos editores em BitMap e SVG ao mesmo tempo, porém, muitos ainda não sabem a diferença entre eles

O Que é SVG no Scratch no final das contas?

Os gráficos vetoriais são gráficos armazenados e desenhados com instruções, em vez de grades de pixels. Isso não apenas resulta em imagens de resolução muito alta e teoricamente infinita, mas também reduz drasticamente o tamanho do arquivo. Eles são mais comumente armazenados no formato de arquivo SVG, que usa XML como base, assim como o HTML. O estilo (preenchimento, golpe, opacidade, …) é feito com CSS. Os SVGs também podem usar o JavaScript, mas o Scratch não o suporta. Isso significa que os arquivos SVG podem ser visualizados em um navegador da Web sem necessidade de toneladas de código extra, porque o código pode ser compartilhado entre as funções.

O SVG também suporta mais recursos do que shows de arranhões, incluindo sombras, opacidade, filtros de cores e estilo de texto.


Editor de SVG embutido no Scratch

O Que é BitMap no Scratch no final das contas?

Os gráficos de Aster, também chamados de gráficos de bitmap ou gráficos de pixels, são gráficos armazenados e renderizados como matrizes de pixels. Embora esse método de armazenamento seja mais simples, ele é mais lento com imagens grandes, pois muitos pixels precisam ser armazenados. Por exemplo, o estágio de Scratch armazenado como imagem raster seria 360*480 = 172800 pixels, e cada pixel possui 4 números inteiros associados a ele (correspondendo a três cores (RGB - vermelho, verde e azul) e um fator de transparência).

Os tipos de arquivos que armazenam imagens rasters se enquadram em uma das três categorias: compactadas sem compactação (dados visuais são perdidos com compactação) e sem perdas compactadas (a imagem é compactada, mas não há alterações de dados visuais).


Editor de BitMap embutido no Scratch, detalhando como o processo de compreensão de imagem/aliasing funciona.


Comparação entre dois círculos, sendo o circulo esquerdo em SVG, e o da direita estando em Bitmap

Conversão de Bitmap para SVG
Ao converter uma imagem de bitmap para o editor de vetores, toda a imagem de bitmap se torna um objeto unido e único no editor de vetores. Ele contém sua aparência de bitmap, mas a diferença é quando redimensiona a imagem de bitmap convertida. O editor de vetores redimensiona todos os objetos de maneira diferente do editor de bitmap, geralmente com mais precisão para a tela original. Quaisquer formas convertidas do bitmap em vetor não se transformam em forma de vetor ou obtêm splines; O programa lê como antes.

Conversão de SVG para Bitmap
Ao converter uma imagem vetorial em bitmap, quaisquer objetos que estendam a tela não serão mais incluídos; Apenas uma imagem de resolução de 480x360 pode ser criada no máximo no editor de bitmap. Ao contrário do bitmap ao vetor, os gráficos vetoriais perdem as propriedades exclusivas para eles. Especificamente, o anti-aliasing é removido. Portanto, um objeto vetorial suave pode ficar muito irregular e pixelado na aparência.
CUIDADO: Após a conversão do vetor para o bitmap, a conversão de volta ao vetor não reterá as propriedades do vetor como os objetos tinham antes; No entanto, o botão de “undo” trará de volta as propriedades.

bump