E ai galerinha amante do design, tudo certo com vocês?

Então vamos falar sobre resolução… vejo que muitas pessoas ainda tem dúvida sobre isso e resolvi falar um pouco mais sobre isso.

O que é resolução?

Quando falamos de design, de criação o que seria a resolução? quando estamos no mundo digital ou seja no photoshop ou no illustrator ou em qualquer outro software de design, a resolução é a quantidade de pixels que serão reproduzidos em cada 2,54 cm (1 polegada = 2,54 cm) de um material físico, ou seja, quando ele vai para a superfície que será reproduzido o material.

Convencionou-se, ou seja uma turma de entendidos entrou em acordo, que para uma reprodução de qualidade você precisa ter 300 pixels para cada 2,54 cm de imagem que será reproduzida em um impresso por exemplo, chamamos isso de resolução fotográfica em muitos casos.

Bem fácil fazer o calculo. Pegue q quantidade de pixels que uma imagem tem de largura, por exemplo uma imagem que tem 1920 pixels de largura, divida por 300 e depois multiplique por 2,54… esse será o tamanho máximo ideal da imagem. Ou seja a largura de uma imagem com 1920 pixels não poderá exceder 16,256 cm. Qualquer tamanho acima deste lá comerá a perder qualidade de reprodução. Sacou?

Conferindo a resolução no Illustrator e Indesign

Quando utilizamos um software como o Illustrator, sim vou falar primeiro do illustrator, quando inserimos uma imagem dentro de um documento, na barra de propriedades ele vai nos informar quantos pixels existem por polegada, ou seja a cada 2,54 cm de imagem.

resolucao_pixel_illustrator_design_cafeinado_ppi_dpi

Quanto maior você colocar a imagem dentro do seu documento, menor será a resolução dela, pois haverão menos pixels para cada 2,54 cm… consequentemente, quando você diminuir essa imagem, haverá mais partes da imagem dentro de 2,54 cm ou seja haverão mais pixels neste espaço, então era terá maior resolução.
Já no Indesign, você pode conferir a resolução de uma imagem no Painel de INFO (JANELA – INFO / WINDOW – INFO) sendo que a informação que nos interessa é o EFFECTIVE PPI ou PPI EFETIVO, pois é a resolução da imagem no tamanho que estamos utilizando ela dentro do LAYOUT, e não a resolução dela no seu tamanho natural. No caso de um impresso, desde que esse valor seja igual ou maior que 300 PPI, está tudo dentro dos conformes.

resolucao_pixel_indesign_design_cafeinado_ppi_dpi

Qual o tamanho no Photoshop?

E no Photoshop? como descobrir o tamanho máximo recomendado para uma imagem? ou seja em que tamanho ela terá 300 PPI?

resolucao_pixel_photoshop_tamanho_original_design_cafeinado_ppi_dpi

Quando você abre uma imagem no photoshop e vai no menu IMAGE – IMAGE SIZE / IMAGEM – TAMANHO DA IMAGEM, normalmente a imagem vai estar com um tamanho grande e uma resolução de 72 PPI, esse tamanho que o photoshop está informando não é o tamanho “real”da imagem. Como fazer para descobrir o tamanho máximo que podemos reproduzir essa imagem com qualidade fotográfica, ou seja que tamanho ela tem que ficar para a concentração de pixels ficar em 300 PPI?

resolucao_pixel_photoshop_tamanho_final_design_cafeinado_ppi_dpi

Para descobrir isso você deve desligar a opção RESAMPLE / REAMOSTRAR e depois digitar na resolução o valor de 300 PPI, você verá que o photoshop irá diminuir o tamanho da imagem em centímetro ou milímetros, ou seja ele não está alterando a quantidade de informação, mas sim alterando o tamanho do pixel, para que existam 300 para cada 1 polegadas (2,54 cm).
O tamanho que ele retornar é o maior tamanho que você pode utilizar a imagem em impressos de alta definição, como folders, cartazes e etc. Ou seja o maior tamanho com a melhor qualidade possível.

Qual a melhor resolução para usar na internet?

Gente comparem essas 2 imagens, uma imagem tem 800 pixels x 800 pixels com 72 PPI e a outra tem os mesmo 800 pixels x 800 pixels com 1200 PPI.

resolucao_pixel_tamanho_arquivo_design_cafeinado_ppi_dpi

Notem o seguinte o tamanho do arquivo do photoshop é o mesmo, independente da resolução que você colocar, quando você define o tamanho em pixels, não importa a resolução que você colocar o arquivo vai ter o mesmo tamanho… incrível né? NÃO, não é incrível, pois simplesmente estamos dizendo que existem 800 quadrados de largura por 800 quadrados de altura, pixel não é uma medida física real então o tamanho dele não importa neste momento. E é isso que trata a resolução, o tamanho que o pixel vai ter quando ele virar pontos no mundo real.

OK, então qual a melhor resolução para a minha imagem na internet? vou te contar um segredo, NÃO IMPORTAAAAAAAAAAAAAAAAAAAAAAAAA

Quando falamos de mídia digital o que importa é a quantidade de pixels na largura e altura e não a resolução. Mas Júnior… por queeeeeee????????

Simplesmente por que essa imagem será visualizada em diferentes dispositivos de diferentes tamanhos e com uma capacidade de reprodução de pixels diferente.

Vou lhe dar um exemplo.

comps

Tenho um Iphone 5s, um iPAD 3 geração e um Monitor Dell de 23 polegadas

Iphone 5s – Segundo a Apple meu telefone tem uma tela de 5,4 cm de largura por 9,6 cm de altura (1136 x 640 pixels)  ou seja 326 pixels por polegada
Ipad 3 – Segunda a Apple ele tem uma tela de 14,7 cm de largura por 19,7 de altura (2048 x 1536 pixels) ou seja 256 pixels por polegada
Monitor Dell 23 IPS – Segundo a Dell minha tela tem 50,92 cm de largura x 28,64 de altura (1920 x 1080 pixels) ou seja 96 pixels por polegada

Ou seja uma imagem de 800 pixels x 800 pixels vai aparecer de tamanho diferente em cada uma das telas, pois elas possuem tamanhos e quantidades de pixels diferentes umas das outras

Enfim.. tudo isso para lhe falar o seguinte, quanto falamos de dispositivos móveis… pouco importa a resolução do documento, e sim a quantidade de pixels, a resolução quem vai ditar é o equipamento que o observado vai utilizar para visualizar a imagem. Por isso que quando vemos as recomendações de tamanho no YOUTUBE, FACEBOOK, GOOGLE PLUS e outros apenas é dita a medida em pixels, pois em cada equipamento essa mesma imagem será visualizada em tamanhos diferentes.

De onde veio os 72 PPI para internet?

Simples, muito antigamente, no começo da internet, todos os monitores conseguiam exibir exatamente 72 pixels por polegada. Hoje isso não vale mais nada, o que muda em minha vida criar um documento de 800 pixels x 800 pixels com 72 ou o mesmo tamanho com 1200 pixels por polegada? Falando de qualidade para mídia digital, não muda nada, bulhufas, niente, neca de pitibiriba, zero, nulo coisa alguma. entendeu? 😀
A única coisa que muda e isso apenas no photoshop é a relação do tamanho de fontes, quando você colocar tamanho 12 em um texto em um arquivo de 72 PPI é diferente do que você colocar tamanho 12 em um arquivo de 300 PPI, só isso mesmo, mas não que o texto vai ter menos ou mais qualidade.

Então qual o tamanho do pixel?

Pois é então a resposta… o pixel não tem um tamanho pré-definido, ele fica mudando de tamanho de acordo com o equipamento ou dispositivo de reprodução. Louco né… sim pois é uma medida virtual, digital ou como queiram.

Espero que tenham gostado deste post, que tenha entendido um pouco mais sobre esse mundo virtual.

Abraços e até um próximo post, se você gostou, compartilha ai com a galera. Valeu!

4 respostas

  1. Ermelino, parabéns pelo artigo! Para mim, foi muito instrutivo e útil. É fundamental ter esse tipo de informação para quem trabalha com artes gráficas. Muito obrigado e mantenha o seu trabalho de compartilhar o seu conhecimento! Abraços, Paulo.

    1. Obrigado Paulo, agradeço a visita, e fico muito feliz que o post vai lhe ajudar…
      São para pessoas como você que ele existe, novamente, muito obrigado. Abraços e sucesso para você sempre!