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:
As imagens têm de ser suficientemente pequeno para ser exibido bem num 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 alterar 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:
Reduz a resolução de uma imagem, o que muda o número de pixels na imagem.
Quando você está trabalhando com imagens para a web, que pretende 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 se encaixam bem em uma janela do navegador e trabalhar dentro do design do seu site.
Siga estes passos para diminuir 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 Tamanho da Imagem-Imagem.
A caixa de diálogo Tamanho da Imagem abre. Observe a alta resolução (240 pixels / polegada) e uma grande altura e largura (1698 x 1131). Esta foto é claramente muito grande para usar na maioria dos sites de mídia social.
Se você não quer que sua imagem original de 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ê altera a resolução. Quando você desmarcar Imagem Resample, os estilos de escala e opções de restringir as proporções ficam acinzentados, 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.
Com a caixa de seleção Imagem Resample desmarcada, você não pode mudar as dimensões dos pixels, por isso deve ser verificada quando você altera o tamanho da imagem.
Insira uma altura e largura para a imagem nos campos altura e largura.
Alterar o tamanho da imagem para 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 à altura afeta automaticamente a largura (e vice-versa) para garantir que as proporções da imagem permanecem constantes.
Soltar 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 de o processo de redimensionamento, o novo tamanho é 1.38Mb.
Clique em OK.
Salvar o arquivo, nesta fase, é 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-Undo Tamanho da imagem. Esteja ciente de que quando você salvar a imagem, no entanto, as mudanças tornam-se permanentes.