Como otimizar imagens para a Web no Fireworks CS5 - dummies

Depois de criar e editar uma imagem no Adobe Fireworks Creative Suite 5, você está pronto para prepará-lo para a web. Você deve considerar dois fatores importantes nos gráficos da web: velocidade de download e aparência. Ter o melhor dos dois mundos é difícil, no entanto; geralmente, você opta por desistir de alguma aparência para uma melhor velocidade. Esse processo é otimização.

Configurações da web de pré-visualização

O Fireworks CS5 ajuda você com o processo de otimização desde o início. Ao usar a visualização 2-Up na parte superior esquerda da janela de imagem, você pode comparar facilmente sua imagem otimizada com o original, com base nas suas configurações no painel Otimizar.

Você pode até usar a janela de visualização para comparar dois ou quatro formatos da Web e ver qual é o melhor, mas tem o tamanho de arquivo mais razoável. Cada janela de visualização inclui informações importantes, como o tamanho do arquivo.

Se você quer enlouquecer, você pode comparar quatro configurações clicando em 4-Up. Usando a janela de pré-visualização, você pode alterar rapidamente várias configurações - como formato, número de cores e qualidade - e veja o efeito imediatamente, sem visualizar a imagem na web.

Trabalhe com o painel Otimizar

Agora que você sabe como comparar imagens, onde você faz as mudanças de otimização necessárias? No painel Otimizar, é claro.

Quando você entende as configurações do formato web, você pode clicar na imagem de visualização que deseja otimizar; escolha Janela → Otimizar para abrir o painel Otimizar; e aplique configurações que proporcionem a melhor imagem, a maioria de tamanho eficiente.

Se você não tem certeza do que escolher, escolha uma configuração padrão no menu suspenso Configurações salvas. Normalmente, a arte da linha e os gráficos vetoriais (criados com cores sólidas) são melhores para salvar como arquivos GIF, enquanto fotografias ou imagens com tons de gradiente devem ser salvas como arquivos JPG. Depois de escolher as configurações ideais, você pode exportar a imagem.

Exportar para a web

Você pode exportar imagens individuais ou páginas inteiras usando o recurso Exportar do Fireworks.

Para exportar um documento do Fireworks, siga estas etapas:

1. Escolha Arquivo → Exportar.

   A caixa de diálogo Exportar é aberta.

2. Navegue para um local apropriado para salvar seu arquivo.

   Se você pretende usar esta imagem em um site, a melhor prática é salvá-lo na pasta que você costuma usar para imagens da web.

   

3. Digite um nome na caixa de texto Nome do arquivo.

4. Escolha imagens somente na lista suspensa Exportar e clique em Salvar.