O que é Resolução de Imagem: Pixels, PPI e DPI Explicados

A confusão em torno de resolução é generalizada e compreensível. O mesmo termo é usado para descrever coisas diferentes dependendo do contexto: a câmera fala em megapixels, o Photoshop fala em PPI, a gráfica pede 300 DPI, e o Google recomenda que imagens para web tenham "resolução suficiente para telas Retina". Parece que cada software e cada profissional usa o vocabulário de um jeito diferente.

Este artigo coloca cada conceito no seu lugar certo, explicando como eles se relacionam e o que realmente importa em cada situação prática.

O que é um pixel

Pixel é a abreviação de picture element — elemento de imagem. É a menor unidade de uma imagem digital rasterizada: um ponto de cor único, indivisível.

Uma imagem digital é uma grade retangular de pixels. Cada pixel armazena um valor de cor, geralmente representado em três canais: vermelho (R), verde (G) e azul (B), cada um com 256 níveis possíveis (0 a 255). Isso resulta em 256³ = 16,7 milhões de cores possíveis por pixel no modelo RGB de 8 bits.

O pixel é uma unidade abstrata — ele não tem tamanho físico inerente. Um pixel não é grande nem pequeno: é apenas um valor de cor numa grade. O tamanho que ele ocupa no mundo físico depende completamente do contexto de exibição ou impressão.

Essa distinção é o coração de toda a confusão sobre resolução: pixels existem num espaço abstrato, sem dimensões físicas. Quando falamos em resolução, estamos sempre falando sobre como esses pixels abstratos são mapeados para o espaço físico — seja numa tela ou num papel.

O que é resolução de imagem

"Resolução" é um termo com dois significados distintos que frequentemente se confundem:

• Resolução como dimensões totais em pixels: "essa imagem tem resolução de 3840×2160 pixels". Aqui, resolução simplesmente descreve o número de pixels na largura e na altura. Uma imagem "de alta resolução" nesse sentido tem muitos pixels — mais detalhe, mais capacidade de ser ampliada ou impressa grande.
• Resolução como densidade: "essa imagem tem 300 DPI". Aqui, resolução descreve quantos pixels (ou pontos) cabem numa unidade de comprimento físico. É a relação entre o espaço digital (pixels) e o espaço físico (centímetros, polegadas).

O primeiro sentido — dimensões totais em pixels — é o que determina a qualidade e o "tamanho" de uma imagem digital. O segundo — densidade — só tem significado quando a imagem precisa ser mapeada para um tamanho físico, como na impressão.

O que é PPI — Pixels Per Inch

PPI significa pixels por polegada (pixels per inch). É a medida de densidade de pixels numa tela ou numa imagem digital. Descreve quantos pixels existem em cada polegada linear de comprimento.

Um monitor Full HD de 24 polegadas tem resolução de 1920×1080 pixels. A tela tem aproximadamente 21,5 polegadas de largura física. Então: 1920 ÷ 21,5 ≈ 89 PPI. Cada polegada da tela contém 89 pixels.

Um iPhone 15 Pro tem tela de 6,1 polegadas com resolução de 2556×1179 pixels. Largura física: 2,82 polegadas. Então: 2556 ÷ 2,82 ≈ 460 PPI — mais de 5 vezes a densidade do monitor convencional.

O PPI de uma tela determina a nitidez: quanto mais alto o PPI, menores os pixels individuais, mais difíceis de distinguir a olho nu e mais nítida a imagem parece. A "tela Retina" da Apple foi nomeada assim porque, na distância normal de uso, o olho humano não consegue distinguir pixels individuais acima de 300 PPI.

O que é DPI — Dots Per Inch

DPI significa pontos por polegada (dots per inch). Na origem, o termo se refere à densidade de pontos de tinta que uma impressora deposita no papel. Uma impressora a 600 DPI coloca 600 pontos de tinta em cada polegada linear de papel.

No uso popular do design gráfico, DPI e PPI são usados como sinônimos para descrever a densidade de pixels de uma imagem destinada à impressão. Quando uma gráfica pede "arquivo em 300 DPI", está pedindo que a imagem tenha 300 pixels por cada polegada do tamanho de impressão final.

A relação entre pixels, PPI/DPI e tamanho físico

Essa é a equação central que explica tudo:

Tamanho físico (polegadas) = Pixels totais ÷ Densidade (DPI ou PPI)

Exemplos com a mesma imagem de 3000 pixels de largura:

Observe que a imagem não muda — os 3000 pixels são os mesmos em todos os casos. O que muda é como esses pixels são distribuídos no espaço físico. A 300 DPI, cada pixel ocupa 1/300 de polegada. A 72 DPI, o mesmo pixel ocupa 1/72 de polegada — mais de 4 vezes maior. Por isso a imagem impressa a 72 DPI parece "pixelada": cada pixel é grande o suficiente para ser visto individualmente.

O que são megapixels

Megapixel significa 1 milhão de pixels. Uma câmera de 12 megapixels produz imagens com aproximadamente 12 milhões de pixels. A resolução típica de 12 MP é 4032×3024 pixels — e 4032 × 3024 = 12.192.768 pixels, que arredondado dá os "12 megapixels" anunciados.

A conclusão prática: qualquer smartphone moderno (12 MP ou mais) tem resolução mais que suficiente para impressão em A4 a 300 DPI. A câmera do celular não é o limitador para formatos convencionais.

Por que "72 DPI" ficou associado a "para web"

Esta é uma das convenções mais antigas e mais mal compreendidas do design digital. A origem é histórica: nos anos 1980, os primeiros monitores Macintosh tinham aproximadamente 72 pixels por polegada. O sistema da Apple usava 72 PPI como referência porque tornava mais fácil a correspondência entre tela e impressão: 1 ponto tipográfico = 1/72 de polegada. O Photoshop adotou 72 PPI como padrão para documentos de tela, e a convenção ficou.

Monitores contemporâneos têm densidades de 90 a 140 PPI. iPhones modernos chegam a 460 PPI. O valor 72 PPI está completamente desatualizado como descritor de telas.

A implicação mais importante: o valor de DPI nos metadados de uma imagem digital não tem efeito algum na exibição em tela. Uma imagem de 1200×800px com metadado "72 DPI" e outra com "300 DPI" são exibidas identicamente no navegador — porque o navegador ignora esse metadado e exibe um pixel do arquivo como um pixel da tela. O metadado de DPI só importa quando a imagem é aberta num software que vai imprimí-la.

Telas Retina e o fator @2x

A Apple lançou as telas Retina no iPhone 4 (2010) com 326 PPI — aproximadamente o dobro do PPI dos monitores da época. A solução adotada foi o pixel lógico vs pixel físico:

• Pixel lógico (CSS pixel): a unidade usada no código. Uma imagem declarada com width: 300px no CSS ocupa 300 pixels lógicos.
• Pixel físico: o ponto real da tela. Numa tela Retina @2x, cada pixel lógico é renderizado por 4 pixels físicos (2×2). Numa tela @3x, cada pixel lógico corresponde a 9 pixels físicos.

O resultado é que imagens rasterizadas aparecem borradas nas telas de alta densidade se não forem fornecidas em resolução suficiente. A solução é fornecer imagens com o dobro (ou triplo) das dimensões de exibição:

• Imagem exibida em 300px de largura → forneça 600px (@2x) ou 900px (@3x)
• Para uma galeria com imagens de 800×600px → forneça arquivos de 1600×1200px

Use o Redimensionador de Imagem do ImageTools para ajustar as dimensões com precisão antes de fazer upload.

Resolução para impressão: calculando os pixels necessários

Partindo da equação Pixels = Tamanho físico × DPI:

Para banners e materiais de grande formato vistos de longe, 150 DPI é geralmente suficiente. Para impressão de mesa (cartão, foto, panfleto), o padrão é 300 DPI.

Resolução para telas: o que realmente importa

Para imagens destinadas a telas e web, esqueça o DPI. As regras práticas são:

1. Dimensione para o espaço de exibição × fator da tela. Para um banner de 1440px de largura em telas @2x, forneça 2880px. Para uma imagem de produto exibida em 600px, forneça 1200px.
2. Não envie imagens maiores do que necessário. Uma foto de 4032×3024px para exibir em 800×600px no site é desperdício — o navegador baixa 12× mais pixels do que usa.
3. O metadado de DPI não afeta nada na web. Exportar "em 72 DPI" ou "em 300 DPI" para web é irrelevante — o número de pixels é o que importa.

Por que aumentar o DPI de uma imagem não melhora a qualidade

Esta é talvez a confusão mais frustrante e mais comum. Existem dois modos de mudar o DPI no Photoshop (em Imagem → Tamanho da Imagem):

• Sem reamostrar: o número de pixels não muda. O Photoshop apenas recalcula o tamanho físico de impressão. Uma imagem de 720×540px a 72 DPI vira uma imagem de 720×540px a 300 DPI — os mesmos pixels, num espaço físico menor. A qualidade não melhorou.
• Com reamostrar: o Photoshop cria pixels novos por interpolação — calculando valores intermediários entre os pixels existentes. O resultado tem mais pixels, mas são "inventados". A imagem parece suavizada ou borrada, nunca mais nítida. Detalhe que não existia na foto original não pode ser criado por matemática.

Conclusão: a única maneira de ter mais pixels reais é partir de uma imagem originalmente de maior resolução. Mudar o DPI no Photoshop não cria detalhes — apenas redistribui os pixels existentes em espaços físicos diferentes.

Resolução de vídeo: como se relaciona com imagem

Perguntas frequentes