Loading...
January 25, 2012#

Banners Floripa Tem


Durante essas férias fiz um job que consistia na criação de 4 banners em Flash para um dos maiores eventos de verão de Florianópolis, o Floripa Tem.

Trabalhar com Flash na web requer sempre arquivos o mais leves possíveis para não pesar no carregamento do site. Esse foi o desafio do job, já que a RBS exige tamanhos de arquivos bem pequenos para veicular no seu site.


A animação dos banners ficaram simples e não teve como fugir disto, o arquivo precisava ser leve. Os banners pordem ser visto aqui.

Há algumas dicas que deixo aqui para otimizar o tamanho dos arquivos em Flash e que me ajudaram nesse trabalho. Há bastante conteúdo sobre o assunto, inclusive no próprio Help da Adobe.


É recomendável compactar a qualidade das imagens já no Photoshop, exportando para formatos Web. Para isso, vá em File -> Save for Web & Devices…

A qualidade você pode ajustar e já ver o tamanho que vai ficar na janela seguinte. Abaixo de 60 dependendo da imagem já é possível perceber perda na qualidade. No caso dos banners, tive que sacrificar bastante a qualidade das imagens bitmap para ter uma boa redução no tamanho do arquivo.

Procure usar JPEG ou GIF, são formatos mais leves.

Use quando possível imagens vetoriais ao invés de bitmaps, elas são mais leves. Aqui você encontra mais informações sobre a diferença entre bitmap e vetor.

Mas nem sempre imagens vetoriais indicam menor tamanho, por exemplo se você estiver importando para o Flash vetores com gradientes vindos do Corel. O Flash irá dividir cada variação de cor do gradiente, pesando muito no tamanho do arquivo.
A imagem abaixo mostra o exemplo.

No caso de gradientes vindo do Illustrator, pelo que testei esse problema não ocorre.

Limite a quantidade de estilos de fontes no arquivo.

Quando a arte é feita no Illustrator e você importa o .ai para o Flash, percebi que quando gerava o .swf o arquivo ficava mais pesado do que quando eu digitava novamente o texto dentro do Flash, substituindo o vindo do Illustrator.

Evitei também quebrar as fontes em partes (Modify -> Break a part), li em sites que quebrando as fontes em partes deixa o arquivo mais leve, mas nesse trabalho acabou provando o contrário. Se alguém souber o motivo disso ocorrer me avise!


Leave a Comment