DPI vs PPI: a diferença e porque importam os 300 dpi

A resposta curta sobre dpi vs ppi: PPI (píxeis por polegada) descreve uma imagem digital ou um ecrã, e DPI (pontos por polegada) descreve a finura com que uma impressora deposita a tinta. No uso diário tratam-se como a mesma coisa, e quando uma gráfica pede “300 dpi” quer mesmo dizer 300 píxeis por polegada no tamanho final. O que importa é o número de píxeis: multiplica o tamanho da impressão em polegadas por 300 e tens os píxeis de que precisas.

O que o PPI e o DPI realmente medem

Uma impressora precisa de vários pontos de tinta para reproduzir a cor de um píxel, e é por isso que as impressoras indicam densidades de pontos muito acima de 300. Ou seja, os dois números descrevem coisas diferentes. Como o software de design e as gráficas dizem “dpi” para ambos, o mais seguro é traduzir qualquer pedido de “300 dpi” por “300 píxeis por cada polegada da peça impressa”.

A única conta de que precisas

pixels            = polegadas x ppi
tamanho de impressão = pixels / ppi

Postal 6 x 4 in a 300 ppi    ->  1800 x 1200 px
A4 (8.27 x 11.69 in) a 300     ->  2480 x 3508 px
1080 x 1350 px a 300 ppi       ->  3.6 x 4.5 in

milímetros para polegadas: dividir por 25.4

Faz a conta ao contrário e ficas a saber até que tamanho uma imagem existente pode ser impressa. Uma publicação de Instagram de 1080 × 1350 a 300 ppi imprime com nitidez em apenas 3,6 × 4,5 polegadas. Estica-a para A4 e cada píxel fica esticado a mais do dobro da largura, que é quando as impressões ficam desfocadas. O nosso guia de resolução para impressão tem uma tabela completa de tamanhos.

Porque 300 dpi para impressão e 72 dpi é um mito

300 píxeis por polegada é o padrão de impressão de longa data porque, a uma distância normal de leitura, as pessoas não distinguem píxeis individuais acima dessa densidade. Cartazes e faixas vistos de mais longe podem usar menos, muitas vezes 150, o que se explica no guia de tamanhos de cartaz.

A ideia de que as imagens web devem ter “72 dpi” vem dos primeiros ecrãs de Mac, que por acaso mostravam 72 píxeis por polegada. Os ecrãs ignoram por completo a etiqueta de dpi; um browser ou um telemóvel mostra uma imagem pelas suas dimensões em píxeis. Uma imagem de 1200 × 630 com a etiqueta 72 dpi e a mesma imagem com a etiqueta 300 dpi são idênticas no ecrã e têm exatamente o mesmo tamanho de ficheiro, a menos de uns bytes de metadados.

A resolução não é a única coisa que muda entre um ecrã e o papel. A cor também muda, porque os ecrãs misturam luz e as prensas misturam tinta; o guia RGB vs CMYK explica o que esperar, e a impressão de gradientes trata das misturas suaves que mais sofrem.

Mudar o dpi não acrescenta detalhe

A maioria dos editores de imagem deixa-te escrever um novo valor de dpi. Se mudares o número sem reamostrar, os píxeis ficam os mesmos e só muda o tamanho de impressão sugerido. Se reamostrares para cima, o software inventa novos píxeis misturando os vizinhos, o que torna a imagem maior mas não mais nítida. A única solução real para uma imagem de baixa resolução é um original maior ou um design que possa ser desenhado de novo no tamanho de que precisas.

Densidade de píxeis nos ecrãs

Os ecrãs têm um ppi real: os telemóveis modernos metem muito mais píxeis numa polegada do que um monitor de secretária antigo. Para manter tudo legível, desenham cada píxel CSS com dois ou três píxeis físicos. É por isso que uma imagem web nítida costuma ser exportada com o dobro do tamanho a que é apresentada. O browser escolhe a certa se a ofereceres:

<img
  src="hero-1200.png"
  srcset="hero-1200.png 1x, hero-2400.png 2x"
  width="1200" height="600"
  alt="Spring collection hero"
/>

Os gradientes e os designs renderizados escapam à maior parte disto. Como não têm píxeis fixos, podem ser desenhados de novo no tamanho de que um ecrã ou impressora precisar. Os tamanhos de impressão do Gradiently já estão definidos a 300 dpi, os tamanhos personalizados chegam a 8000 píxeis, e o Pro exporta até 4K, bem como SVG e PDF de impressão. Para escolher formatos, vê PNG vs JPG e SVG vs PNG.