# DPI vs PPI: a diferença e porque importam os 300 dpi [Canonical HTML page](https://gradiently.design/pt-pt/guide/dpi-vs-ppi) Dois termos usados como se fossem o mesmo, e na conversa quase são. A diferença real, a única conta de que precisas e quando o número realmente importa. ## The short version - PPI, píxeis por polegada, descreve quantos píxeis de uma imagem digital ou de um ecrã cabem numa polegada. - DPI, pontos por polegada, descreve quantos pontos de tinta uma impressora coloca numa polegada. - Quando uma gráfica pede um ficheiro a 300 dpi, quer uma imagem com píxeis suficientes para dar 300 píxeis por polegada no tamanho impresso. - Para saber os píxeis de que precisas, multiplica o tamanho da impressão em polegadas por 300; uma impressão de 6 × 4 polegadas precisa de 1800 × 1200 píxeis. - Mudar a definição de dpi de uma imagem sem mudar as suas dimensões em píxeis não a torna mais nítida; só mais píxeis o fazem. 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 ### PPI: píxeis por polegada - Pertence a uma imagem digital ou a um ecrã - Cada píxel é um quadrado de uma só cor - Decide até que tamanho uma imagem imprime com nitidez - Uma etiqueta no ficheiro; o que conta são os píxeis - Nos ecrãs: a densidade física do monitor ### DPI: pontos por polegada - Pertence a uma impressora - Muitos pontos minúsculos de tinta misturam-se para fazer uma cor - Decide a finura do resultado da impressora - Uma definição da impressora, muitas vezes de 600 a 2400 - Não é algo que se defina num ficheiro de design 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 ```text 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 ``` Qualquer dúvida sobre resolução de impressão se resolve com estas duas linhas. 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](https://gradiently.design/pt-pt/guide/image-resolution-for-print) tem uma tabela completa de tamanhos. - 1800×1200 a 300 ppi: 6 × 4 pol.: 6 × 4 - 1800×1200 a 150 ppi: 12 × 8 pol.: 12 × 8 - 1800×1200 a 72 ppi: 25 × 16,7 pol.: 25 × 17 Uma imagem, três tamanhos de impressão, desenhados à escala. Os píxeis nunca mudam; só muda a largura a que se espalham, e as impressões maiores ficam proporcionalmente mais desfocadas de perto. ## 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](https://gradiently.design/pt-pt/guide/poster-size-guide). 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. | Situação | Resolução a atingir | O que realmente importa | | --- | --- | --- | | Flyers, cartões, convites | 300 ppi no tamanho de impressão | Píxeis = polegadas × 300 | | Cartazes vistos a alguns metros | 150 a 300 ppi | Pergunta à gráfica | | Publicações sociais | Qualquer etiqueta | O tamanho em píxeis da plataforma, como 1080 × 1350 | | Sites | Qualquer etiqueta | O tamanho em píxeis, muitas vezes o dobro do tamanho de apresentação | | Logótipos e texto para impressão | Vetorial (SVG ou PDF) | Sem píxeis, por isso sem limite | Só a impressão se importa com píxeis por polegada. Em todos os outros sítios, pensa em dimensões de píxeis. 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](https://gradiently.design/pt-pt/guide/rgb-vs-cmyk) explica o que esperar, e a [impressão de gradientes](https://gradiently.design/pt-pt/guide/print-gradients) 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. > **Verifica um ficheiro em cinco segundos** Ignora o campo dpi. Olha para as dimensões em píxeis, divide a largura por 300 e tens a impressão nítida mais larga, em polegadas. ## 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: ```html Spring collection hero ``` Um banner de 1200 × 600 com uma versão de dupla densidade para ecrãs de alta resolução. Vê o guia da MDN sobre [imagens responsivas](https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Responsive_images). 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](https://gradiently.design/pt-pt/guide/png-vs-jpeg) e [SVG vs PNG](https://gradiently.design/pt-pt/guide/svg-vs-png). ## FAQ ### Qual é a diferença entre DPI e PPI? PPI são píxeis por polegada numa imagem digital ou num ecrã. DPI é o número de pontos de tinta que uma impressora coloca por polegada. Nos pedidos de impressão, “300 dpi” significa 300 píxeis por polegada no tamanho final. ### 72 dpi ou 300 dpi, qual é melhor? Para impressão, uma imagem precisa de 300 píxeis por polegada no tamanho impresso. Para ecrãs a etiqueta não faz diferença; só contam as dimensões em píxeis. ### Quantos píxeis são 300 dpi? Depende do tamanho: multiplica as polegadas por 300. Uma impressão de 6 × 4 polegadas precisa de 1800 × 1200 píxeis, uma página A4 de 2480 × 3508. ### Mudar o dpi melhora a qualidade da imagem? Não. Mudar o valor de dpi só altera o tamanho de impressão sugerido. Ampliar acrescenta píxeis, mas não detalhe real. ### Que dpi devo usar para o Instagram? A definição de dpi é ignorada. Exporta no tamanho em píxeis do Instagram, como 1080 × 1350 para uma publicação vertical.