Resolução de imagens é uma das preocupações frequente de pessoas que lidam com imagens e não tem muito conhecimento no design gráfico. Mas, por aqui também teremos uma explicação bem detalhada de resolução de imagens e onde emprega-las. Ainda nessa mesma pegada, temos um guia de tamanhos para as redes sociais conheça os principais tamanhos de cada rede.
Antes de começarmos a explicar onde e quando aplicar cada tipo de resolução de imagens, vamos ao significado de do termo resolução. A resolução mede a qualidade de uma imagem, tendo o pixel como unidades de medida. Quanto maior a resolução das imagens maior será a qualidade da mesma. Veja esse e outros termos do Design Gráfico em nosso glossário.
Outra dúvida que pode surgir é tamanho é o mesmo que resolução? A resposta é não. Tamanho de uma imagem quer dizer as dimensões físicas de altura e largura de uma determinada imagem. A confusão acontece devido a unidade de medida (pixel) , que pode ser a mesma para determinar coisas diferentes.
Entendendo a resolução de imagens em cada aplicação
A resolução de imagem, como vimos é a quantidade de pixels presentes em uma imagem e quanto maior melhor e mais pesada será a imagem. Se você quer tirar todo as suas dúvidas sobre a resolução de imagens veja esse vídeo:
Geralmente para Web usamos uma resolução padrão de tela no valor de 72 PDI. Agora para imprimir o raciocínio é diferente! Isso devido ao fato de estarmos trabalhando não com uma tela relativamente pequena como é o caso de celulares e sim de papel físico.
Para descobrir a resolução ideal para de impressão em uma imagem é necessário fazer alguns cálculos. Vamos seguir um exemplo proposto na matéria do site clube do design:
Uma imagem com 1.000×1.000pixels foi impressa com 15cm de tamanho, qual resolução de saída foi usada? A formula é a seguinte:
[RESOLUÇÃO DA IMAGEM] ÷ [TAMANHO EM POLEGADAS] = [RESOLUÇÃO DE SAÍDA]
Novamente o primeiro passo é converter os centímetros em polegadas, logo: 15cm ÷ 2,54pol = 5,90pol.
Em seguida é só aplicar a fórmula: 1.000px ÷ 5,90pol = 169,49dpi (pra não usar uma resolução fracionada, arredondamos para 170dpi) RESULTADO: A imagem foi impressa usando 170dpi de resolução.
A partir de agora você poderá calcular por conta própria o tamanho e a resolução das suas imagens para impressão.
Como contornar a perda de resolução de fotos no Facebook ?
Esse tipo de problema é muito frequente e atinge a todos nós e irrita todos os designers de plantão. Se você trabalha com frequência com as redes sociais veja nosso guia de tamanhos para as principais redes sociais. Neste guia apresentamos os tamanhos de imagens para desktop e celulares de páginas e perfis pessoais vale a pena dar uma olhadinha.
Vamos te mostrar direitinho como fazer para não perder a resolução de imagens ao carregar a imagem nas redes sociais. Esse problema pode ser evitado se você fizer a exportação no Photoshop como vamos detalhar a baixo:
Assim que seu arquivo estiver pronto, clique em Arquivo – Salvar para web – vá a caixa de diálogo e selecione exportar a imagem em PNG-24. Antes de dar ok desmarque a opção transparência e entrelaçado.
Como a imagem é para utilização na web selecione a opção Converter para RGB, dessa forma a imagem vai preservar os elementos essenciais de cores.
Lembre-se também de configurar fazer o Upload da imagem com no mínimo 2048px, para isso configure a aresta.
Então salve o arquivo e compartilhe com uma qualidade top de resolução.
Pingback: Quer fontes para redes sociais? Então mergulhe nessas opções!