# DPI vs PPI: a diferença, e por que 300 dpi importa [Canonical HTML page](https://gradiently.design/pt-br/guide/dpi-vs-ppi) Dois termos usados como se significassem a mesma coisa, e numa conversa quase sempre significam. A diferença real, a única conta de que você precisa e quando o número de fato importa. ## The short version - PPI, pixels por polegada, descreve quantos pixels de uma imagem digital ou de uma tela cabem em uma polegada. - DPI, pontos por polegada, descreve quantos pontos de tinta uma impressora coloca em uma polegada. - Quando uma gráfica pede um arquivo em 300 dpi, ela quer dizer uma imagem com pixels suficientes para dar 300 pixels por polegada no tamanho impresso. - Para calcular os pixels de que você precisa, multiplique o tamanho de impressão em polegadas por 300; uma impressão de 6 × 4 polegadas precisa de 1800 × 1200 pixels. - Mudar a configuração de dpi de uma imagem sem mudar as dimensões em pixels não a deixa mais nítida; só mais pixels fazem isso. A resposta curta para **dpi vs ppi**: PPI (pixels por polegada) descreve uma imagem digital ou uma tela, e DPI (pontos por polegada) descreve a finura com que uma impressora aplica a tinta. No dia a dia os dois são tratados como a mesma coisa, e quando uma gráfica pede “300 dpi”, ela quer dizer na verdade 300 pixels por polegada no tamanho final. O que importa é a contagem de pixels: multiplique o tamanho de impressão em polegadas por 300 e você tem os pixels de que precisa. ## O que PPI e DPI realmente medem ### PPI: pixels por polegada - Pertence a uma imagem digital ou a uma tela - Cada pixel é um quadrado de uma única cor - Decide em que tamanho uma imagem imprime com nitidez - Um rótulo no arquivo; o que conta são os pixels - Telas: a densidade física do display ### DPI: pontos por polegada - Pertence a uma impressora - Muitos pontinhos de tinta se misturam para formar uma cor - Decide o quão fina é a saída da impressora - Uma configuração da impressora, muitas vezes de 600 a 2400 - Não é algo que você define num arquivo de design Uma impressora precisa de vários pontos de tinta para reproduzir a cor de um pixel, e é por isso que as impressoras anunciam densidades de pontos muito acima de 300. Então os dois números descrevem coisas diferentes. Como os programas de design e as gráficas dizem “dpi” para os dois, o mais seguro é traduzir qualquer pedido de “300 dpi” como “300 pixels para cada polegada da peça impressa”. ## A única conta de que você precisa ```text pixels = polegadas x ppi tamanho de impressão = pixels / ppi Cartão-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 ``` Toda dúvida sobre resolução de impressão se resume a estas duas linhas: pixels = polegadas × ppi, e tamanho de impressão = pixels ÷ ppi. Para passar de milímetros a polegadas, divida por 25,4. Faça a conta ao contrário e você descobre o quanto uma imagem existente pode ser impressa. Um post do Instagram de 1080 × 1350 a 300 ppi imprime com nitidez em apenas 3,6 × 4,5 polegadas. Estique para A4 e cada pixel fica com mais que o dobro da largura, e é aí que as impressões parecem borradas. Nosso guia de [resolução para impressão](https://gradiently.design/pt-br/guide/image-resolution-for-print) tem uma tabela completa de tamanhos. - 1800×1200 a 300 ppi: 6 × 4 in: 6 × 4 - 1800×1200 a 150 ppi: 12 × 8 in: 12 × 8 - 1800×1200 a 72 ppi: 25 × 16,7 in: 25 × 17 Uma imagem, três tamanhos de impressão, em escala. Os pixels nunca mudam; só muda o quanto eles se espalham, e as impressões maiores parecem proporcionalmente mais borradas de perto. ## Por que 300 dpi para impressão e por que 72 dpi é mito 300 pixels por polegada é o padrão de impressão de longa data porque, numa distância normal de leitura, as pessoas não conseguem distinguir pixels individuais acima de mais ou menos essa densidade. Cartazes e banners vistos de mais longe podem usar menos, muitas vezes 150, assunto de [tamanhos de cartaz](https://gradiently.design/pt-br/guide/poster-size-guide). A ideia de que imagens para a web devem ter “72 dpi” vem das primeiras telas do Mac, que por acaso mostravam 72 pixels por polegada. As telas ignoram completamente o rótulo de dpi; um navegador ou um celular mostra a imagem pelas dimensões em pixels. Uma imagem de 1200 × 630 marcada com 72 dpi e a mesma imagem marcada com 300 dpi parecem idênticas na tela e têm exatamente o mesmo tamanho de arquivo, com diferença de poucos bytes de metadados. | Situação | Resolução ideal | O que realmente importa | | --- | --- | --- | | Flyers, cartões, convites | 300 ppi no tamanho de impressão | Pixels = polegadas × 300 | | Cartazes vistos a alguns metros | 150 a 300 ppi | Pergunte à gráfica | | Posts em redes sociais | Qualquer rótulo | O tamanho em pixels da plataforma, como 1080 × 1350 | | Sites | Qualquer rótulo | Tamanho em pixels, muitas vezes o dobro do tamanho exibido | | Logos e texto para impressão | Vetor (SVG ou PDF) | Nenhum pixel, então nenhum limite | Só a impressão se importa com pixels por polegada. Em todo o resto, pense em dimensões em pixels. A resolução não é a única coisa que muda entre a tela e o papel. A cor também muda, porque telas misturam luz e impressoras misturam tinta; [RGB vs CMYK](https://gradiently.design/pt-br/guide/rgb-vs-cmyk) explica o que esperar, e [impressão de gradientes](https://gradiently.design/pt-br/guide/print-gradients) trata das transições suaves, que são as que mais sofrem. ## Mudar o dpi não acrescenta detalhes A maioria dos editores de imagem deixa você digitar um novo valor de dpi. Se você muda o número sem reamostrar, os pixels continuam os mesmos e só o tamanho de impressão sugerido muda. Se você reamostra para cima, o programa inventa novos pixels misturando os vizinhos, o que deixa 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 renderizado de novo no tamanho de que você precisa. > **Confira um arquivo em cinco segundos** Ignore o campo de dpi. Olhe as dimensões em pixels, divida a largura por 300, e você tem a maior impressão nítida em polegadas. ## Densidade de pixels nas telas As telas têm um ppi real: os celulares modernos colocam muito mais pixels numa polegada do que um monitor antigo. Para manter tudo legível, eles desenham cada pixel CSS com dois ou três pixels físicos. É por isso que uma imagem nítida para a web costuma ser exportada com o dobro do tamanho em que é exibida. O navegador escolhe a certa se você oferecer: ```html Spring collection hero ``` Um banner de 1200 × 600 com uma versão de densidade dupla para telas de alta resolução. Veja o guia da MDN sobre [imagens responsivas](https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Responsive_images). Gradientes e designs renderizados escapam da maior parte disso. Como não têm pixels fixos, podem ser desenhados de novo em qualquer tamanho de que uma tela ou impressora precise. Os tamanhos de impressão do Gradiently já vêm em 300 dpi, os tamanhos personalizados vão até 8.000 pixels, e o Pro exporta em até 4K, além de SVG e PDF para impressão. Para escolher formatos, veja [PNG vs JPG](https://gradiently.design/pt-br/guide/png-vs-jpeg) e [SVG vs PNG](https://gradiently.design/pt-br/guide/svg-vs-png). ## FAQ ### Qual é a diferença entre DPI e PPI? PPI são os pixels por polegada de uma imagem digital ou tela. DPI é o número de pontos de tinta que uma impressora coloca por polegada. Em pedidos de impressão, “300 dpi” significa 300 pixels por polegada no tamanho final. ### O que é melhor, 72 dpi ou 300 dpi? Para impressão, uma imagem precisa de 300 pixels por polegada no tamanho impresso. Para telas, o rótulo não faz diferença; só as dimensões em pixels importam. ### Quantos pixels são 300 dpi? Depende do tamanho: multiplique as polegadas por 300. Uma impressão de 6 × 4 polegadas precisa de 1800 × 1200 pixels, uma página A4 de 2480 × 3508. ### Mudar o dpi melhora a qualidade da imagem? Não. Mudar o valor de dpi só muda o tamanho de impressão sugerido. Ampliar acrescenta pixels, mas não detalhes reais. ### Que dpi devo usar no Instagram? A configuração de dpi é ignorada. Exporte no tamanho em pixels do Instagram, como 1080 × 1350 para um post vertical.