Como redimensionar gráficos e fotos para o seu site de mídia social
Como o designer de um site de mídia social, é importante para você saber como e quando redimensionar suas imagens e gráficos para otimizar seu site. Redimensionar é importante por duas razões:
Conteúdo
As imagens devem ser pequenas o suficiente para ser apresentado bem em um monitor de computador.
Você quer as imagens para baixar rapidamente.
Quanto menor o tamanho do arquivo de imagem, mais rápido ele vai baixar.
Embora alguns sites de mídia social permitem que você altere o tamanho de exibição de uma imagem, você obtém resultados muito melhores se você alterar as dimensões de uma imagem inicial em um programa de edição de fotos como o Photoshop.
Reduzir o tamanho de uma imagem para uso na Web requer duas etapas:
Video: Criar CAPA para FACEBOOK sem usar NENHUM EDITOR de imagens em 3 min
Reduz a resolução de uma imagem, que altera o número de pixels na imagem.
Quando você está trabalhando com imagens para a web, você quer reduzir a resolução de 72 pixels por polegada (ppi).
Reduzir o tamanho físico da imagem, reduzindo suas dimensões.
Você quer o tamanho de suas imagens para caber bem em uma janela do navegador e trabalhar dentro do design do seu site.
Siga estes passos para reduzir a resolução e reduzir o tamanho de uma imagem no Photoshop. No Photoshop Elements, Fireworks, ou GIMP, você seguir um processo semelhante, embora os passos específicos podem variar.
Com uma imagem aberta no Photoshop, escolha Imagem → Tamanho da imagem.
A caixa de diálogo Tamanho da Imagem abre. Note-se a elevada resolução (240 pixels / pol) e grande altura e largura (1,698 x 1,131). Esta foto é claramente muito grande para usar na maioria dos sites de mídia social.
Se você não quiser que sua imagem original para perder qualidade (ou você só quer jogar pelo seguro), faça uma cópia de sua imagem e redimensionar a cópia para sua imagem de perfil.
Alterar a resolução da imagem.
Desmarque a caixa de seleção Imagem Resample na parte inferior da caixa de diálogo Tamanho da imagem.
Para melhores resultados, você quer sempre a caixa de seleção Imagem Resample desmarcada quando você alterar a resolução. Quando você desmarcar Imagem Resample, os estilos de escala e opções de restringir as proporções são acinzentadas, e você já não pode mudar as dimensões de pixel. Não se preocupe - você trabalhar com essas opções depois de ligar Resample Imagem na Etapa 3.
Alterar o número no campo Resolução a 72.
Certifique-se de que você não acidentalmente clique na lista drop-down ao lado de Resolução e alterar as unidades de numeração para Pixels / cm. Você vai notar uma mudança dramática no tamanho do documento em polegadas.
Alterar o tamanho da imagem.
Marque a caixa de seleção Imagem Resample.
Video: Como fazer banner para redes sociais no Photoshop
Com a caixa de seleção Imagem Resample desmarcada, você não pode mudar o pixel dimensões, por isso deve ser verificado quando você altera o tamanho da imagem.
Insira uma altura e largura para a imagem nos campos altura e largura.
Alterar o tamanho dessa imagem de 851 pixels de largura, que é a largura recomendada para uma imagem de capa do Facebook. Se a caixa de seleção Restringir proporções na parte inferior da caixa de diálogo é selecionado, todas as alterações feitas para a altura afetar automaticamente a largura (e vice-versa) para garantir que as proporções da imagem permanecem constantes.
Liberando proporcionalidade significa que sua imagem pode ficar esmagado e distorcido.
Note-se também a mudança drástica no tamanho do arquivo para esta foto. Anteriormente, era 5.49MB, mas depois o processo de redimensionamento, o novo tamanho é 1.38Mb.
Clique em OK.
Video: Corew
Salvar o arquivo neste estágio é opcional e não necessariamente recomendado porque o Salvar final para exportação web que vem a seguir gera uma nova versão.
Se você quiser retornar a imagem ao seu tamanho anterior, escolha Editar → Desfazer Tamanho da imagem. Esteja ciente de que quando você salvar a imagem, no entanto, as mudanças se tornam permanentes.