Vetor X Imagens bitmap - Como obter os melhores resultados no GoAnimate

Este artigo explora as diferenças entre vetores e imagens bitmap e como usá-las efetivamente no GoAnimate.

 

Um bitmap (mapa de informação) - muitas vezes chamado de "varredura" ou "escala (dimensão)" - a imagem é composta de uma simples coleção de pixels. Uma imagem vetorizada, por outro lado, é composta de fórmulas matemáticas. Por exemplo, uma imagem em bitmaps de um círculo é um conjunto de pixels dispostos para aproximar um círculo na visualização de uma tela. Uma imagem vetorizada de um círculo é um algoritmo que instrui o computador quais pixels ele deve conectar, para alcançar os mesmos resultados visuais.

 

Por que isso Importa? Uma imagem bitmap (mapa de informação) ficará sempre melhor quando for vista na mesma resolução de tela em que foi criada. Quando uma imagem de bitmap é ampliada, torna-se borrada ou embaçada, porque ela contém o mesmo número exato de pixels, não importa o quanto você ampliar ou reduzir.

 

Por exemplo, esse círculo é uma imagem bitmap(mapa de informação)

 

Agora, a mesma imagem com zoom em 400%

Uma imagem vetorizada vai escalar para cima ou para baixo, sem se tornar embaçada, porque na verdade não contêm pixels em tudo. É uma fórmula matemática que instrui o computador como fazer a imagem em qualquer resolução de tela. Essa fórmula produz um círculo suave, não importa o quanto a imagem é ampliada ou reduzida.

 

Todos os itens no GoAnimate são vetorizados. É por isso que eles ficam muito bem em todas as resoluções de tela, e a razão pela qual eles podem ser redimensionadas sem qualquer perda de qualidade. Se os seus vídeos só contêm itens do GoAnimate, eles vão ficar muito bem em todas as resoluções disponíveis, que incluem o player de vídeo GoAnimate, e baixar em resoluções nativas de 360p, 720p e 1080p.

 

 

Imagens e vídeos que são carregáveis à sua biblioteca GoAnimate, no entanto, são bitmaps (mapas de informação)! Isto significa uma imagem otimizada para a produção de vídeo que pode ser um pouco embaçada quando baixada em formato 1080p. Não se preocupe ... o nosso algoritmo avançado ajuda suavizar imagens bitmap (mapas de informação) para compensar, mas qualquer imagem bitmap (ou vídeo) que for vista em uma resolução diferente da que foi criada, será um pouco embaçada.

 

Exemplos de formatos bitmap (mapa de informação) e vídeo:

 

.png (imagem)

.jpg (imagem)

.gif (imagem)

.mp4 (vídeo)

.m4a (vídeo)

 

Importando Gráfico Vetoriais

 

Se você tem o Adobe Flash, você pode criar e importar suas próprias imagens vetoriais e animações que vai aumentar ou diminuir, sem perda de qualidade. O formato de arquivo suportada é .swf, e ele deve ser criado usando o Adobe Flash.

 

Melhores práticas – Ativos de Bitmap (mapa de informação)

 

Quando os ativos de bitmap estão carregados, crie com a resolução de saída pretendida em mente.

 

Suponha que o seguinte:

 

  • Você deseja baixar seu vídeo final no formato 1080p HD (uma largura de 1.920 pixels e uma altura de 1.080 pixels)

 

  • Você tem uma imagem que cobre exatamente 1/4 dessa área, medida em pixels (960 de largura x 540 de altura), e pretende incluí-la como um suporte no seu vídeo

 

Para melhores resultados, calcule o tamanho da imagem da produção de vídeo para que seja aproximadamente 1/4 da área da produção do vídeo, sem alterar a relação da largura para a altura, conhecida como a proporção. Uma aproximação visual vai cair bem, mas se você deseja ser mais preciso, siga as etapas na seção abaixo.

 

Calculando o Tamanho Ideal de sua Imagem de Bitmap Inserida ou Vídeo Carregado

 

A área de uma imagem de 1080p, medida em pixels, é 1.920 x 1.080 = 2,073,600 pixels.

Usando nosso exemplo acima, um quarto da área calculada toma o produto pela metade, de cada lado. É possível verificar isso comparando o seguinte:

 

Produto da metade de cada lado

 

1920/2 = 960 (largura)

1.080 / 2 = 540 (altura)

960 x 540 = 518.400

 

1 /4 a área de um pixel da tela 1.920 x 1.080

 

2,073,600/4 = 518,400

 

Para obter os melhores resultados no seu vídeo do GoAnimate , torne a imagem mais perto possível de 1/4 da área da produção de vídeo. Enquanto é importante obter a imagem próxima do tamanho ideal, é ainda mais importante manter as proporções corretas ao redimensionar a imagem. Como mencionado acima, estas relações matemáticas são chamadas de proporção. Nós mencionamos isso porque, a proporção de um vídeo ee 1080p é diferente da proporção do editor de vídeo. Então, chegue o mais perto possível, mas não distorça a sua imagem.

 

Para ver um exemplo da diferença entre uma imagem vetorizada e bitmap (mapas de informação) em diferentes resoluções, por favor, assista os vídeos curtos abaixo.

 

As imagens contidas nos vídeos foram idealizadas para um tamanho de 640 x 360 tela. Note que, tanto as imagens vetorizadas quanto as em bitmap parecem boas numa resolução mais baixa, mas apenas a imagem vetorizada, ampliada para 1080p, não perde qualidade.

 

Vetor ou dimensão 360.mp4 (100kB) - vídeo

Vetor ou dimensão 1080.mp4 (300kB) - vídeo

 

Tem mais dúvidas? Submeter um pedido
Seguir