Deseja os melhores resultados ao redimensionar imagens no Photoshop? Comece aprendendo tudo sobre pixels, tamanho e resolução de imagem!
Neste tutorial, apresentarei três tópicos importantes que são essenciais para o trabalho com imagens digitais no Photoshop, e são pixels, tamanho e resolução da imagem . Ter uma sólida compreensão de como os pixels, o tamanho e a resolução da imagem se relacionam é essencial para obter os melhores resultados ao redimensionar imagens, tanto para impressão quanto para a web.
Começaremos aprendendo sobre pixels, os blocos básicos de todas as imagens digitais. Em seguida, aprenderemos como os pixels estão relacionados ao tamanho da imagem. E terminaremos aprendendo como o tamanho e a resolução da imagem funcionam juntos para controlar o tamanho da impressão da sua imagem! Nós até desmerecemos a crença popular de que a resolução tem algo a ver com o tamanho do arquivo da sua imagem.
Aprenderemos tudo sobre o redimensionamento de imagens nas lições posteriores deste capítulo. Por enquanto, vamos começar do início, aprendendo sobre pixels, tamanho e resolução de imagem!
O que são pixels?
O termo pixel é a abreviação de "elemento de imagem", e pixels são os minúsculos blocos de construção que compõem todas as imagens digitais. Assim como uma pintura é feita com pinceladas individuais, uma imagem digital é feita com pixels individuais.
No Photoshop, ao exibir uma imagem em um nível de zoom normal (100% ou menos), os pixels geralmente são pequenos demais para serem percebidos. Em vez disso, vemos o que parece uma imagem contínua, com luz, sombras, cores e texturas se mesclando para criar uma cena que se parece muito com o mundo real (imagem do Adobe Stock):
Uma imagem digital aberta no Photoshop. Crédito de imagem: Adobe Stock.
Um olhar mais atento aos pixels
Mas, como qualquer bom truque de mágica, o que estamos vendo é realmente uma ilusão. E para quebrar a ilusão, precisamos apenas olhar mais de perto. Para visualizar os pixels individuais de uma imagem, tudo o que precisamos fazer é aumentar o zoom. Selecionarei a ferramenta Zoom na barra de ferramentas:
Selecionando a ferramenta Zoom.
Então, clicarei algumas vezes em um dos olhos da mulher para ampliar. Cada vez que clico, dou mais zoom. E se eu aproximar o suficiente, começamos a ver que o que parecia uma imagem contínua é realmente um monte de pequenos quadrados. Esses quadrados são os pixels:
O aumento do zoom revela os pixels individuais.
E se eu ampliar ainda mais, vemos que cada pixel exibe uma única cor. A imagem inteira é realmente apenas uma grade de quadrados de cores sólidas. Quando vistos de longe, nossos olhos misturam as cores para criar uma imagem com muitos detalhes. Mas de perto, são os pixels que criam nosso mundo digital:
Uma visualização em close dos pixels da imagem, cada um exibindo uma única cor.
The Pixel Grid
Observe que quando você aproxima o zoom o suficiente (geralmente além de 500%), começa a ver um contorno cinza claro em torno de cada pixel. Esta é a grade de pixels do Photoshop e existe apenas para facilitar a visualização dos pixels individuais. Se você achar que a Pixel Grid é perturbadora, desative-a acessando o menu View na barra de menus, escolhendo Show e, em seguida, escolhendo Pixel Grid . Para ligá-lo novamente, basta selecioná-lo novamente:
Vá em Exibir> Mostrar> Grade de pixels.
Reduzir o zoom para visualizar a imagem
Para diminuir o zoom dos pixels e visualizar a imagem inteira, vá até o menu Visualizar e escolha Ajustar na tela :
Vá para Exibir> Ajustar na tela.
E agora que estamos com o zoom reduzido, os pixels individuais são novamente pequenos demais para serem notados e voltamos a ver a ilusão de uma foto detalhada:
Em distâncias normais de visualização, os pixels se misturam para criar a imagem.
Veja nosso guia completo para navegar pelas imagens no Photoshop
Qual é o tamanho da imagem?
Portanto, agora que sabemos que os pixels são os mínimos quadrados de cores que compõem uma imagem digital, vejamos um tópico relacionado, tamanho da imagem . O tamanho da imagem refere-se à largura e altura de uma imagem, em pixels. Também se refere ao número total de pixels na imagem, mas é realmente a largura e a altura com as quais precisamos nos preocupar.
A caixa de diálogo Tamanho da imagem
O melhor lugar para encontrar as informações de tamanho da imagem é na caixa de diálogo Tamanho da imagem do Photoshop. Para abri-lo, vá até o menu Imagem e escolha Tamanho da imagem :
Vá para Imagem> Tamanho da imagem.
No Photoshop CC, a caixa de diálogo Tamanho da imagem mostra uma área de visualização à esquerda e detalhes sobre o tamanho da imagem à direita. Cobrirei a caixa de diálogo Tamanho da imagem com mais detalhes no próximo tutorial. Por enquanto, veremos apenas as informações de que precisamos:
A caixa de diálogo Tamanho da imagem no Photoshop CC.
As dimensões do pixel
A largura e a altura de uma imagem, em pixels, são conhecidas como dimensões em pixels e, no Photoshop CC, podemos visualizá-las ao lado da palavra Dimensões, na parte superior da caixa de diálogo. Aqui vemos que minha imagem tem uma largura de 4509 pixels (px) e uma altura de 3000 pixels:
O Photoshop CC inclui uma nova opção de Dimensões na parte superior.
Se as dimensões forem mostradas em um tipo de medida diferente de pixels, como polegadas ou porcentagem, clique na seta pequena ao lado da palavra "Dimensões" e escolha Pixels na lista:
As dimensões podem ser exibidas em diferentes tipos de medição.
Isso nos diz que minha imagem contém 4509 pixels da esquerda para a direita e 3000 pixels de cima para baixo:
As dimensões em pixel da imagem.
Localizando o número total de pixels
Para descobrir o número total de pixels na imagem, basta multiplicar os valores de largura e altura. Portanto, neste caso, 4509 x 3000 = 13.527.000, ou aproximadamente 13, 5 milhões de pixels. Você realmente não precisa saber o número total de pixels. Mas, à medida que você ganha mais experiência com o redimensionamento de imagens, verá que conhecer o número total de pixels antecipadamente fornecerá uma boa idéia de quão grande você pode imprimir, como veremos a seguir quando analisamos a resolução da imagem.
O que é resolução de imagem?
Portanto, se os pixels são os mínimos quadrados de cores que compõem todas as imagens digitais e o tamanho da imagem é o número de pixels da imagem da esquerda para a direita (largura) e de cima para baixo (altura), qual é a resolução da imagem ? A resolução da imagem controla quão grande ou pequena a foto será impressa, com base no tamanho atual da imagem.
É importante entender de antemão que a resolução da imagem afeta apenas o tamanho da versão impressa da imagem. Não tem nenhum efeito ao visualizar a imagem na tela. Abordo este tópico com mais detalhes no meu tutorial sobre mitos da resolução da web de 72 ppi, e veremos novamente no final deste tutorial.
A conexão Largura, Altura e Resolução
Na caixa de diálogo Tamanho da imagem, se você olhar abaixo da palavra "Dimensões", encontrará os campos Largura, Altura e Resolução . É aqui que podemos não apenas visualizar as configurações atuais, mas também alterá-las:
As opções Largura, Altura e Resolução.
A opção Reamostrar
Antes de prosseguirmos, se você olhar abaixo do valor da Resolução, encontrará outra opção importante chamada Reamostrar . E, por padrão, Reamostrar está ativado. Aprenderemos tudo sobre a opção Reamostrar quando analisarmos como redimensionar imagens. Mas, resumindo, Resample nos permite alterar o número de pixels na imagem:
A opção Reamostrar.
Por que você deseja alterar o número de pixels? Se o tamanho da imagem atual for muito pequeno para imprimir sua foto no tamanho necessário, você poderá usar Reamostrar para adicionar mais pixels, conhecido como upsampling . Ou, se você quiser enviar sua foto por e-mail para amigos ou enviá-la para a Web e o tamanho atual for muito grande, a opção Resample permitirá reduzir o número de pixels, conhecido como downsampling .
Novamente, aprenderemos tudo sobre upsampling e downsampling quando examinarmos como redimensionar imagens. Por enquanto, para ver como a resolução afeta o tamanho da impressão da imagem, desmarque Reamostrar para desativá-la:
Desmarcando a opção Reamostrar.
Alterando o tamanho da impressão, não o tamanho da imagem
Assim que você desabilitar a reamostragem, notará que o tipo de medição para os valores de largura e altura é alterado. Em vez de visualizar a largura e a altura em pixels, como era um momento atrás, agora as vejo em polegadas . E, em vez de me dizer que minha imagem tem 4509 pixels de largura e 3000 pixels de altura, agora me dizem que tem 15, 03 polegadas de largura e 10 polegadas de altura:
As medidas de largura e altura agora são mostradas em polegadas em vez de pixels.
De fato, se você clicar na caixa de tipo de medição para Largura ou Altura, notará que Pixels agora está acinzentado e indisponível. Isso ocorre porque, com a opção Resample desativada, não podemos alterar o número físico de pixels na imagem. Tudo o que podemos fazer é alterar o tamanho que a imagem imprimirá, e o tamanho da impressão geralmente é medido em polegadas (ou centímetros, dependendo da sua localização no mundo):
Desativar a reamostragem nos impede de adicionar ou remover pixels.
Como funciona a resolução da imagem?
A resolução controla o tamanho da impressão de uma imagem, definindo o número de pixels que serão compactados em cada centímetro de papel, vertical e horizontalmente. É por isso que o valor da resolução é medido em pixels por polegada ou " ppi ". Como a imagem possui um número limitado de pixels, quanto mais os empilharmos no papel, menor será a impressão da imagem.
Por exemplo, meu valor de resolução está atualmente definido como 300 pixels / polegada. Isso significa que, quando imprimir a imagem, 300 pixels da largura e 300 pixels da altura serão espremidos em cada centímetro quadrado de papel. Agora, 300 pixels podem não parecer muito. Mas lembre-se, são 300 da largura e da altura. Em outras palavras, é 300 vezes 300, para um total de 90.000 pixels por polegada quadrada:
A resolução atual, medida em pixels / polegada.
Como determinar o tamanho da impressão
Para descobrir o tamanho de impressão da imagem, basta dividir sua largura e altura atuais, em pixels, pelo valor da resolução. Se olharmos novamente para a seção Dimensões na parte superior, veremos que a largura da minha imagem ainda é de 4509 pixels:
A largura atual, em pixels.
Se dividirmos 4509 pelo valor atual de resolução de 300, obteremos 15, 03. Em outras palavras, a largura da minha imagem, quando impressa, será de 15, 03 polegadas, o valor exato mostrado no campo Largura:
4509 pixels × 300 pixels / polegada = 15, 03 polegadas.
E na seção Dimensões, vemos que a altura da minha imagem ainda é de 3000 px:
A altura atual, em pixels.
Se dividirmos 3000 pela resolução atual de 300, obteremos 10. O que significa que a altura da imagem, quando impressa, será de 10 polegadas, exatamente como mostra o campo Altura:
3000 pixels × 300 pixels / polegada = 10 polegadas.
Alterar a resolução altera o tamanho da impressão
Se alterarmos o valor da resolução, o número de pixels na imagem não muda, mas o tamanho da impressão muda. Observe que, se eu diminuir a resolução de 300 pixels / polegada para 150 pixels / polegada, as dimensões dos pixels permanecerão as mesmas em 4509 px x 3000 px. Mas a largura e a altura aumentam. Como pressionarei apenas metade do número de pixels por polegada no papel, horizontal e verticalmente, a largura e a altura dobraram:
Baixar a resolução aumenta o tamanho da impressão.
Alterar o tamanho da impressão altera a resolução
E como tudo o que estamos alterando é o tamanho da impressão, a alteração da largura ou da altura alterará a resolução. De fato, quando a opção Reamostrar que vimos anteriormente é desativada, todos os três valores (Largura, Altura e Resolução) são vinculados. Alterar um altera automaticamente os outros.
Se eu diminuir meu valor de Largura para 10 polegadas, para manter a proporção da imagem igual, o Photoshop alterará automaticamente o valor de Altura para 6.653 polegadas. E para ajustar a imagem inteira ao novo tamanho de impressão menor, os pixels precisarão ser compactados com mais precisão, de modo que o valor da Resolução tenha aumentado para 450, 9 pixels / polegada:
Alterar a largura e a altura altera a resolução.
A resolução da imagem afeta o tamanho do arquivo?
Um equívoco comum com a resolução da imagem é que, de alguma forma, afeta o tamanho do arquivo da imagem. Muitas pessoas acreditam que, antes de enviar uma foto por e-mail ou enviá-la para a web, é necessário diminuir a resolução para diminuir o tamanho do arquivo. Isto simplesmente não é verdade. Como alterar a resolução não altera o número de pixels na imagem, isso não afeta o tamanho do arquivo.
Se você olhar ao lado das palavras "Tamanho da imagem" na parte superior da caixa de diálogo, verá um número, geralmente mostrado em megabytes (M). No meu caso, são 38, 7 milhões. Este número representa o tamanho da imagem na memória do seu computador. Quando você abre uma imagem no Photoshop, a imagem é copiada do disco rígido, descompactada em qualquer formato de arquivo em que foi salva e depois colocada na memória (RAM) para que você possa trabalhar mais rapidamente. O número mostrado na caixa de diálogo Tamanho da imagem é o tamanho real e não compactado da imagem:
O tamanho da imagem, em megabytes, é mostrado na parte superior.
Resolução mais baixa vs tamanho do arquivo
É fácil provar que a resolução da imagem não afeta o tamanho do arquivo. Fique de olho no tamanho enquanto altera a resolução. Desde que a opção Reamostrar esteja desativada para que você não altere o número de pixels na imagem, não importa o que escolher para o valor da resolução, o tamanho do arquivo na parte superior permanecerá sempre o mesmo.
Aqui, abaixei a resolução de 300 pixels / polegada para 30 pixels / polegada. Com tão poucos pixels sendo amontoados em uma polegada de papel, o tamanho da impressão aumentou para 150, 3 polegadas x 100 polegadas. Mas mesmo com esse valor de resolução muito baixo, o tamanho da imagem na memória permanece inalterado em 38, 7M:
Diminuir a resolução da impressão não afeta o tamanho do arquivo.
Maior resolução vs tamanho do arquivo
E aqui, aumentei a resolução até 3000 pixels / polegada. Isso reduz o tamanho da impressão para apenas 1.503 polegadas x 1 polegada, mas, novamente, não afeta o tamanho do arquivo, que ainda é de 38.7M. A única maneira de reduzir o tamanho do arquivo de uma imagem é reduzir o número de pixels na imagem (usando a opção Resample) ou salvar o arquivo em um formato compatível com compactação (como JPEG.webp) ou ambos. Simplesmente alterar a resolução da impressão não altera o tamanho do arquivo:
Aumentar a resolução da impressão também não afeta o tamanho do arquivo.
Então, como você reduz o número de pixels na imagem? E qual o valor de resolução necessário para obter impressões de alta qualidade? Responderei a essas perguntas e mais em tutoriais separados neste capítulo.
E aí temos que! É uma rápida olhada em pixels, tamanho e resolução da imagem, três tópicos importantes que você precisa conhecer para obter os melhores resultados ao redimensionar imagens no Photoshop! Na próxima lição desta série, veremos mais de perto o poderoso comando Tamanho da imagem do Photoshop CC!
Ou consulte os tutoriais anteriores desta série:
- 02 - Comando Tamanho da imagem do Photoshop - Recursos e dicas
- 03 - Como redimensionar imagens para impressão
- 04 - Como redimensionar imagens para compartilhamento de e-mail e foto
- 05 - Como calcular o tamanho da imagem
- 06 - A verdade sobre a resolução da imagem, tamanho do arquivo e a web
- 07 - Como redimensionar pixel art
- 08 - Melhor maneira de ampliar imagens no Photoshop CC
E não se esqueça, agora todos os nossos tutoriais estão disponíveis para download em PDF!