Redimensionamento de imagens: pixels, proporção e DPI
Redimensionar parece simples, mas as escolhas por trás disso decidem se a imagem continua nítida, mantém a forma e fica com um tamanho de arquivo razoável. Este guia explica dimensões em pixels, proporção, qualidade da reamostragem, DPI e como escolher tamanhos para telas.
Pixels, dimensões e tamanho do arquivo
Uma imagem digital é uma grade de pixels. Suas dimensões, como 4000 × 3000, indicam quantos pixels ela tem na horizontal e na vertical; multiplicadas, dão o número total de pixels, neste caso 12 milhões (12 megapixels). Redimensionar substitui essa grade por uma nova e calcula cada pixel novo a partir dos antigos, um processo chamado reamostragem.
O número de pixels cresce com o quadrado dos lados: reduzir a largura e a altura pela metade deixa apenas um quarto dos pixels. É por isso que reduzir as dimensões costuma ser o que mais diminui um arquivo, embora o formato, a configuração de qualidade e a quantidade de detalhes finos também influenciem. Para exibir ou editar uma imagem, os programas a decodificam em pixels não comprimidos, normalmente com 4 bytes cada, então uma foto de 12 megapixels ocupa cerca de 48 MB de memória, por menor que seja o arquivo.
Mantenha a proporção ou recorte primeiro
A proporção é a relação entre a largura e a altura: 4000 × 3000 é 4:3, e 1920 × 1080 é 16:9. Se você a mantiver, escolhe um dos lados e o outro se ajusta; assim, uma foto de 4000 × 3000 redimensionada para 1.200 pixels de largura fica com 1200 × 900. Se você definir os dois lados livremente, uma imagem com outra proporção fica esticada ou achatada, e círculos viram ovais.
Para obter um tamanho exato em outro formato sem distorção, recorte primeiro na proporção desejada e só depois redimensione. Em um lote com fotos na vertical e na horizontal, uma largura fixa deixa as imagens verticais altas: uma foto de 3000 × 4000 com 1.200 pixels de largura fica com 1200 × 1600.
Reduzir ou ampliar imagens
Quando uma imagem é reduzida, cada pixel novo deve resumir vários pixels originais. Um método rápido, que considera apenas alguns pixels próximos, ignora detalhes em uma redução grande, o que aparece como bordas serrilhadas e padrões tremeluzentes (aliasing ou moiré) em tecidos, linhas finas e textos. Uma reamostragem melhor leva em conta mais pixels de origem. A ferramenta de redimensionamento do LeedyBox reduz a imagem pela metade em etapas sucessivas, cada uma calculando a média dos pixels vizinhos, o que dá resultados mais suaves com o redimensionamento feito pelo navegador. Imagens muito reduzidas ainda podem parecer levemente desfocadas; o LeedyBox não aplica nenhum filtro de nitidez.
Ampliar estima pixels novos a partir dos vizinhos, então as bordas ficam borradas ou pixeladas e nenhum detalhe novo aparece. Programas especializados em ampliação podem acrescentar detalhes que parecem plausíveis, mas eles são gerados, não recuperados. Se você precisar de uma imagem maior, volte a um original maior sempre que possível.
DPI, PPI e tamanho de impressão
DPI (pontos por polegada), ou mais precisamente PPI (pixels por polegada), é um número armazenado em alguns arquivos de imagem. Ele informa aos programas de impressão e diagramação em que tamanho imprimir os pixels; não altera os pixels. Tamanho de impressão em polegadas = pixels ÷ PPI (multiplique por 2,54 para obter centímetros).
| Largura da imagem | Impressa a 300 PPI | Impressa a 150 PPI |
|---|---|---|
| 1.200 pixels | 4 pol. (10,2 cm) | 8 pol. (20,3 cm) |
| 2.400 pixels | 8 pol. (20,3 cm) | 16 pol. (40,6 cm) |
| 3.600 pixels | 12 pol. (30,5 cm) | 24 pol. (61 cm) |
Alterar apenas o valor de DPI muda o tamanho impresso, mas os pixels continuam os mesmos, então a imagem fica idêntica na tela. Para imprimir com nitidez, você precisa de pixels suficientes: uma impressão de 6 × 4 polegadas a 300 PPI precisa de 1800 × 1200 pixels. Costuma-se recomendar cerca de 300 PPI para fotos vistas de perto; impressões grandes vistas a distância podem usar menos. O LeedyBox não mantém o valor de DPI do original, então defina o tamanho de impressão na hora de imprimir.
Como escolher tamanhos para páginas web e telas
Em uma página web, o que importa é a largura em que a imagem é exibida. Os layouts são medidos em pixels CSS, e telas de alta densidade usam dois ou mais pixels do dispositivo por pixel CSS em cada direção. Por isso, uma imagem exibida com 600 pixels CSS de largura precisa de cerca de 1.200 pixels para ficar totalmente nítida em uma tela "2×", enquanto uma foto de 4.000 pixels no mesmo lugar desperdiça largura de banda e memória.
Meça a maior largura de exibição no seu layout, por exemplo com as ferramentas de desenvolvedor do navegador. Com os atributos srcset e sizes, você pode oferecer a mesma imagem em várias larguras, como 600, 1200 e 1800 pixels, e o navegador baixa a que melhor se adapta à tela. Se um formulário de envio, uma loja ou uma rede social exigir dimensões específicas, consulte a documentação atual do serviço, porque esses requisitos variam e mudam.
Escolha do formato e redimensionamento em lote com o LeedyBox
Depois de redimensionar, escolha o formato de acordo com o conteúdo. Fotos geralmente ficam menores em JPG ou WebP. Capturas de tela, logotipos e imagens com transparência combinam com PNG ou WebP, que também aceita transparência. O JPG não armazena transparência, então as áreas transparentes ficam brancas, e uma foto salva como PNG pode ficar maior que o JPG original. Veja JPG vs PNG vs WebP vs AVIF para mais detalhes.
A ferramenta Redimensionar imagens do LeedyBox redimensiona várias imagens de uma só vez, no seu navegador, sem enviá-las:
- Escolha Pixels ou Porcentagem (de 1 a 400%). Com "Manter a proporção" ativado, cada imagem mantém as próprias proporções.
- Imagens menores que o tamanho desejado não são ampliadas, a menos que você desative essa opção.
- "Igual ao original" mantém JPG, PNG e WebP e salva GIF, BMP e AVIF como PNG. JPG e WebP usam qualidade 90, a menos que você a altere.
- A orientação da câmera é aplicada, os metadados não são copiados, e dois ou mais resultados podem ser baixados em um arquivo ZIP.
Para deixar os arquivos ainda menores, use Comprimir imagens e leia Configurações de compressão de imagem explicadas.
Perguntas frequentes
Um valor de DPI maior deixa a imagem mais nítida?
Não. Ele só informa aos programas em que tamanho imprimir a imagem. A nitidez depende do número de pixels e do tamanho em que eles são exibidos.
Por que meu arquivo redimensionado ficou maior que o original?
Geralmente porque uma foto foi salva como PNG, a qualidade está mais alta que a do original ou a imagem foi ampliada.
Que largura deve ter uma foto para um site?
Pegue a maior largura em que ela é exibida e dobre esse valor para telas de alta densidade. Se ela também aparecer em tamanhos menores, ofereça tamanhos extras com srcset.