Em uma tela, DPI não significa nada. O valor de DPI guardado em um arquivo de imagem é um recado que diz à impressora com que densidade depositar os pixels, e o navegador não o lê. Dois arquivos com as mesmas dimensões em pixels ficam idênticos em uma página web, estejam marcados com 72, 96 ou 300 DPI, e o arquivo com a marca mais alta não é mais nítido.
O que o campo de DPI de uma imagem guarda de fato?
Um único número, ou dois (um por eixo), no cabeçalho do arquivo: quantos pixels devem caber em uma polegada quando a imagem é impressa. Dividindo os pixels por esse número, obtém-se o tamanho impresso. Uma foto com 3000 pixels de largura e marcada com 300 DPI sai com 10 polegadas de largura. Marque o mesmo arquivo como 150 DPI e ele sai com 20 polegadas, com exatamente os mesmos pixels, só que mais afastados.
A marca não muda nada na imagem em si. Se você editar só o DPI, os dados de pixels ficam intactos. O que você mudou foi uma sugestão para o software que coloca imagens no papel: um processador de texto, um programa de diagramação, um driver de impressão. Esses programas costumam lê-la para decidir com que tamanho a imagem chega quando você a insere, e por isso o número parece tão importante para quem trabalha com eles.
Por que se diz que imagens para a web devem ter 72 DPI?
É uma sobra das primeiras telas de Macintosh, em que um pixel era desenhado como um ponto tipográfico, e um ponto mede 1/72 de polegada. Nesse arranjo, 72 pixels por polegada descreviam a tela, e "resolução web" virou expressão corrente. O Windows usava 96 por motivo parecido. Nenhum dos dois números descreve as telas de hoje, e nenhum deles foi lido por um navegador para decidir em que tamanho desenhar uma imagem.
O conselho sobrevive porque é inofensivo. Exportar a 72 não faz mal, e quem aprendeu isso continua repetindo. O que ele nunca fez foi deixar o arquivo mais leve ou mais rápido. Se um arquivo de 72 DPI pesa menos que um de 300 DPI, a causa é que alguém também redimensionou os pixels, e os pixels são o que importa.
O que decide o tamanho de uma imagem em uma página?
Duas coisas: as dimensões em pixels da imagem e o tamanho que a página dá a ela. Sem CSS, o navegador desenha uma imagem com a sua largura em pixels, contados como pixels CSS. Um pixel CSS é definido como 1/96 de polegada, que é uma unidade da folha de estilos e não uma medida do seu vidro. Um celular e um monitor com densidades físicas diferentes mostram uma imagem de 400 pixels de largura com a mesma largura CSS.
As telas densas trazem uma complicação. Uma tela com razão de pixels do dispositivo igual a 2 usa um bloco de 2×2 pixels físicos para cada pixel CSS, então uma imagem mostrada com 400 pixels CSS de largura tem 800 pixels físicos para preencher. Se você entregar 400, o navegador os estica e a imagem fica borrada. Se entregar 800, fica nítida. Essa é a decisão de "resolução" na web, e voltamos a uma contagem de pixels: aproximadamente o dobro da largura mostrada nas telas densas comuns, como detalha em números os tamanhos que servem para imagens web.
Então, quando um layout pede uma imagem de destaque "em alta resolução", a pergunta a responder é quantos pixels de largura. Se a sua imagem é grande demais para isso, a solução é reduzi-la, e um redimensionador que roda no navegador faz isso sem enviar o arquivo para lugar nenhum.
Quando o número de DPI importa?
Quando o arquivo vai para o papel, ou para um programa que diagrama papel. Uma gráfica que pede 300 DPI está, na prática, dizendo quantos pixels você precisa para o tamanho que quer: multiplique as polegadas impressas por 300. Uma impressão de 8 por 10 polegadas precisa de 2400 por 3000 pixels. O mesmo arquivo marcado com 72 DPI seria tratado como de 33 por 42 polegadas por um programa que confie na marca, então inseri-lo em um documento pode produzir uma imagem do tamanho da página até você reescalá-la.
Três pontos práticos:
- 300 é uma convenção para fotos impressas vistas a um braço de distância, não uma lei. Cartazes vistos de longe costumam ser impressos com densidades bem menores, e a gráfica vai dizer o valor que quer.
- Aumentar a marca de DPI nunca acrescenta detalhe. Se a quantidade de pixels é pequena para o tamanho da impressão, as únicas soluções honestas são um original maior ou uma impressão menor.
- A marca é só um valor padrão. Os programas de impressão e diagramação permitem sobrescrever o tamanho, e quando você faz isso, a marca volta a não importar.
O que o redimensionador de imagens faz com o DPI?
Ele trabalha com pixels e mais nada. O redimensionador deste site recodifica pelo canvas do navegador, e esse codificador não grava uma marca de DPI com significado. Um arquivo que ele produza será aberto em outros programas com o valor padrão do programa, normalmente 72 ou 96. Os pixels são os que você pediu; a marca simplesmente está ausente. Se uma gráfica insiste na marca, defina-a depois, no editor que ela indicar. O redimensionador não vai carimbar 300 em um arquivo e não consegue informar um tamanho de impressão, então faça a divisão você mesmo com a contagem de pixels que ele mostra.
O mesmo vale para qualquer coisa que passe por um canvas, inclusive o compressor de imagens. Nenhuma das duas ferramentas é o lugar para preparar um arquivo cuja função é carregar uma marca específica.
Uma imagem de 300 DPI demora mais para carregar na web?
Não por si só, porque a marca ocupa poucos bytes. Um arquivo chamado "300 DPI" costuma ser grande por outro motivo: foi exportado em um tamanho pensado para impressão, com milhares de pixels de largura. Esses pixels custam bytes, e o navegador não mostra uma imagem de largura de página maior por causa deles. Reduza as dimensões em pixels ao que o layout precisa e o peso cai; como reduzir o tamanho de uma imagem percorre essa ordem de operações.
Se um arquivo está com o tamanho errado, o que precisa mudar é a contagem de pixels, e o redimensionador de imagens mostra as novas dimensões antes de você baixar, tudo dentro do seu navegador. Quando você souber que uma impressão precisa, por exemplo, de 2400 por 3000 pixels, digite exatamente isso em vez de procurar uma caixa de DPI.
A mesma confusão entre uma marca e os pixels aparece com as proporções: a proporção de aspecto é uma terceira propriedade independente de uma imagem, e a relação entre as três explica a maioria das perguntas do tipo "por que minha imagem fica errada".
Perguntas frequentes
O DPI importa para imagens em um site?
Não. O navegador desenha uma imagem a partir de suas dimensões em pixels e do tamanho CSS que a página dá a ela, e nunca lê o valor de DPI guardado no arquivo. Dois arquivos com os mesmos pixels mas marcas de DPI diferentes ficam idênticos em uma página web e pesam o mesmo.
Devo salvar imagens para a web com 72 DPI?
Pode, mas não faz diferença. O número 72 vem das primeiras telas de Macintosh e nunca afetou como o navegador mostra uma imagem nem o peso do arquivo. O que conta é a largura em pixels: aproximadamente o dobro da largura mostrada em telas com razão de pixels do dispositivo igual a 2.
De quantos pixels preciso para uma impressão a 300 DPI?
Multiplique o tamanho impresso em polegadas por 300. Uma impressão de 4 por 6 polegadas precisa de 1200 por 1800 pixels, e uma de 8 por 10 precisa de 2400 por 3000. Mudar a marca de DPI de um arquivo menor não acrescenta pixels, então a impressão continuaria borrada.
Posso mudar o DPI de uma imagem sem mudar a qualidade?
Sim, porque a marca é metadado e os pixels ficam intactos. Mudá-la altera apenas o tamanho que o software de impressão e diagramação presume para a imagem. É diferente de reamostrar, em que o programa acrescenta ou descarta pixels e a própria imagem muda.
Por que minha imagem fica borrada em uma tela de alta resolução?
Provavelmente o arquivo tem pixels de menos para o espaço que ocupa. Em uma tela com razão de pixels do dispositivo igual a 2, uma imagem mostrada com 400 pixels CSS de largura precisa de cerca de 800 pixels para ficar nítida; com 400, o navegador os estica. O DPI não tem papel nenhum nisso.
Última atualização 7 de outubro de 2026
