Qual é a diferença entre DPI (pontos por polegada) e PPI (pixels por polegada)?

Existem muitas outras perguntas sobre Design Gráfico que cobrem parcialmente isso, por exemplo, que DPI deve ser usado para quais situações? .

No entanto, fiquei frustrado com o número de perguntas e respostas que confundem os dois termos. Eu acho que entender a diferença é importante.

Então, aqui está um lugar para responder bem a essa pergunta e esclarecer a confusão!

Um pixel (a palavra foi originalmente cunhada, IBM, pela IBM e deriva de "elemento de imagem") é a menor unidade indivisível de informações em uma imagem digital. Os pixels podem ser exibidos ou impressos, mas você não pode dividir os pixels em pedaços menores para obter mais informações. Quantos canais e bits por canal compõem um pixel é a medida de quão sutil a informação em um pixel pode ser, mas o fato básico é que 1 pixel é o menor incremento de informações em uma imagem. Se você faz um vídeo, sabe que os pixels não precisam ser quadrados - eles não são quadrados em todos os formatos de vídeo mais antigos. Quadrado ou não, um pixel ainda é a menor unidade de uma imagem.

Uma polegada (ok, então você já sabe disso - tenha paciência comigo) é uma unidade de medida linear em uma superfície, que pode ser uma tela ou um pedaço de papel.

Um ponto é, bem, um ponto. Pode ser um ponto na tela ou um ponto produzido por um cabeçote de impressão. Como pixels, os pontos são atômicos. Eles estão lá, ou não estão. A quantidade de detalhes que uma tela pode exibir depende de quão próximos os pontos estão (o que costumavam chamar de "inclinação dos pontos" nos velhos tempos do CRT). O tamanho dos pontos de um jato de tinta, impressora a laser ou conjunto de imagens determina quantos detalhes finos ele pode reproduzir.

Pontos por polegada é bastante fácil. Uma tela possui tantos pontos (cada um compreendendo elementos R, G e B) por polegada da tela. É o mesmo no papel. Uma impressora de 1200 dpi pode estabelecer 1200 pontos em uma polegada linear. Ao descrever os detalhes da tela ou a saída da impressora, pontos por polegada é o termo correto.

PPI é onde entra a confusão. Uma imagem tem tantos pixels. Seus metadados contêm um tamanho de saída em polegadas, cm, mm, M & Ms, qualquer que seja. É a largura em pixels dividida pela largura de saída nos metadados de que "por polegada" vem. Portanto, a mesma imagem com metadados diferentes pode ser de 72 ppi, 150 ppi ou 8000 ppi. A informação da imagem é a mesma; tudo o que mudou são os metadados.

Uma demonstração rápida e fácil que ilustra um pouco o ponto é fazer algumas marcas em um pedaço de elástico, digamos cinco a uma polegada. Estique o elástico até o dobro do seu comprimento. O número de marcas não mudou, embora as "marcas por polegada" agora sejam 2,5.

Você pode ver isso no Photoshop se desligar Resample Imagee alterar o tamanho. O valor de ppi muda para refletir o tamanho dos pixels que devem ser reproduzidos para atingir o valor da medição em polegadas / cm / mm etc. Observe que, neste caso, os Pixelscampos estão desativados. Você não pode alterar esses valores a menos que faça uma nova amostra.

Confusão em massa entrou quando os pixels da imagem foram mapeados para exibir pontos nos navegadores da web. Uma imagem de 200 pixels aparece como 200 pixels em um navegador. O tamanho , medido com uma régua, depende dos pontos por polegada da tela. Os metadados da imagem podem dizer que é 200 ppi ou 72 ppi ou 1 ppi, ainda assim ocupará exatamente 200 pontos da tela. O mundo permanece fixo em "72 ppi para a web", de modo que a pergunta "qual é a resolução correta para imagens da web" continua aparecendo, e a resposta correta "não importa" continua sendo fornecida ad nauseam.

Se você ainda está comigo, há um último passo que aproxima os dois.

Uma imagem de 720 pixels de largura e 10 polegadas de largura física tem uma resolução de 72 pixels por polegada. Se você imprimi-lo em uma impressora de 1200 dpi, haverá 1200 pontos por polegada no papel, mas a imagem ainda será de 72 pixels por polegada . É por isso que parece uma porcaria. Por outro lado, uma imagem de 7200 pixels de largura impressa a 1 polegada de largura excederá a resolução da nossa impressora de 1200 dpi. O Photoshop (digamos) e o driver da impressora decidem quais pixels jogar fora e quais realmente imprimir. Alguns dos pontos impressos serão calculados em média entre os pixels adjacentes da imagem, mas, independentemente disso, algumas informações da imagem devem ser descartadas. A saída será de 1200 dpi, mas a resolução da imagem impressa será reduzida para no máximo 1200 dpi pelo software.

Alan cobriu muito bem o básico. Gostaria também de destacar não apenas a diferença entre DPI e PPI, mas também a relação entre PPI e resolução de tela (que é apenas o número bruto de pixels em uma tela).

Acho que muitos se lembram daqueles dias inebriantes em que passamos das resoluções VGA para SVGA para XGA. Foi bom por um tempo quando a maioria dos consumidores tinha monitores com especificações semelhantes a 1024px X 768px @ 72 PPI e tínhamos um alvo bastante seguro para os gráficos de exibição.

Essa complacência ainda é evidente , mas cada vez mais irrealista. Muitos fabricantes de celulares têm se concentrado em aumentar a resolução, enquanto as telas físicas mudam um pouco, se houver. O resultado são IBPs que estão aumentando em pequenos fatores de forma portáteis. Isso oferece muitas oportunidades para criar acidentalmente gráficos que simplesmente não são úteis (ou, quase tão ruins, são automaticamente ampliados pelos sistemas operacionais às custas das bordas limpas em que você trabalhou tanto).

Um exemplo fácil do mundo real é o iPhone da Apple . As três primeiras edições tiveram uma tela de 89 mm (diagonal), com 320px X 480px (163 PPI). Em seguida, eles introduziram a tela "Retina" (olá, Marketing), que aumentou a resolução em 640px 480px, mas ainda tinha apenas 89mm de tamanho físico (326 PPI!). O BlackBerry fez movimentos semelhantes (embora sem a preocupação com o marketing) e parece que o mesmo está prestes a acontecer também com o iPad.

Um outro termo que também pode ser interessante é DIP ou DP . A Microsoft se refere a eles como "Pixels independentes de dispositivo" e, na plataforma Android, são "Pixels independentes de densidade" . Eles têm nomes ligeiramente diferentes, mas são o mesmo conceito principal. O objetivo é permitir que os aplicativos tenham "reconhecimento de DPI" e escalem texto / objetos em torno de convenções constantes. Os aplicativos com reconhecimento de densidade estão cientes do PPI da tela e do "DPI" desejado e, em seguida, dimensione o texto e os objetos adequadamente.

Levando isso de volta ao nosso cenário de PPI cada vez maior, se você criou um site ou aplicativo com uma fonte de 80px, pode pensar que isso é muito grande na tela do 163 PPI. Seu texto teria quase meio centímetro de altura, razoavelmente grande em um telefone. Porém, a próxima versão do telefone será lançada e, de repente, seu texto terá apenas 1/4 "de altura, com 326 PPI. Isso seria especialmente ruim se parte do seu texto fosse redimensionada em outra unidade de medida e de repente o texto do corpo fosse maior que o cabeçalho (Às vezes, ainda encontro sites que cometeram esse erro.) Se, em vez disso, você estivesse usando o DIP / DP para dimensionar, poderia segurar os dois telefones lado a lado e o texto teria as mesmas dimensões físicas (embora talvez visivelmente mais nítidas no modelo de maior DPI).

De qualquer forma, embora o PPI possa ser a mais confusa das medições, é extremamente importante prestar atenção nela. Se você tiver a opção de projetar com unidades DIP ou DP, ele deve lidar com algumas das suposições e permitir que você direcione uma variedade maior de displays sem aumentar sua carga técnica.

_{Peço desculpas por esta resposta ser tão centrada na tela que raramente me importo com a impressão.}

DPI = quantos pontos distintos um dispositivo de impressão e renderiza por polegada.

PPI = o número de pixels em uma polegada de um dispositivo de exibição de vídeo.

Muitos softwares, nomeadamente o photoshop, usam DPI para ambas as definições.

ATUALIZAR:

O e100 agora me questiona minhas opiniões sobre isso (o que é uma coisa boa!) e, ao fazer mais algumas pesquisas, preciso atualizar um pouco minha opinião.

HISTORICAMENTE, DPI refere-se ao processo de impressão ... ou seja, quantos pontos discretos uma impressora pode produzir em papel. PPI refere-se ao número de pixels por polegada do seu monitor.

Então, um é sobre o processo de impressão em papel, o outro é sobre o hardware da tela.

Nenhuma das duas aborda diretamente a "resolução por polegada" da sua imagem digital, embora ambas pareçam ter correlações a ponto de serem quase idênticas de várias maneiras.

Então, digamos que você tenha uma impressora a laser de 1200 dpi. Isso significa que, para cada centímetro de papel, essa impressora pode criar 1200 pontos únicos.

Agora ... vamos à questão de atribuir uma configuração de DPI / PPI a uma imagem digital.

Uma imagem digital é composta de pixels. Desde que a imagem permaneça digital, ela não se importa com o PPI que você diz, pois sempre será renderizada com base no total de pixels. Por exemplo, uma imagem de 1000 px x 1000 px, por padrão, em um navegador da Web, terá 1000 px de largura.

Onde a importação de uma imagem em DPI / PPI é importante na impressão ... é assim que o software calcula o tamanho físico da saída analógica. Portanto, sua imagem de 1000px x 1000px com uma configuração de DPI de 500dpi resultará em uma imagem impressa com 2 "de tamanho.

Onde as coisas ficam confusas é que o IIRC, o Photoshop historicamente usou 'DPI' como o termo para isso. Embora pareça claramente, agora usa o termo 'PPI'.

Por esse motivo, eu diria que qualquer um dos termos é apropriado quando se refere às meta-informações da resolução de saída no seu software de edição de gráficos.

Então, em resumo, minhas definições seriam:

DPI = uma especificação para sua impressora, explicando o quão detalhada uma imagem pode imprimir PPI = uma especificação para seu monitor, explicando como uma imagem detalhada pode ser exibida para um determinado tamanho físico

Em termos de configuração de uma imagem para impressão = PPI ou DPI é um termo apropriado. Acho que o PPI faz mais sentido para a pessoa que lida com a criação do arquivo digital. No final, você vai precisar de tantos pixels de saída decente. O DPI faz mais sentido para a pessoa que imprime o arquivo digital, pois é um termo que faz sentido no mundo da agência de serviços / impressora.

Começando a responder minha própria pergunta, acho que um dos problemas para explicar isso é que apenas partes da história completa são relevantes para o trabalho diário de qualquer pessoa, a menos que você cubra a gama de web / app designer, designer de impressão e pré-impressão especialista. Então provavelmente voltarei a isso e ajustarei para diferentes públicos.

Pixels por polegada (ppi) é uma medida de resolução em dois contextos diferentes.

(a) a resolução de uma imagem impressa em um tamanho físico específico

Esta não é uma propriedade intrínseca de um arquivo de imagem. Os pixels não têm dimensões do mundo real e, portanto, o ppi não tem significado até que a imagem seja impressa ou, pelo menos, especificada em um layout de impressão que usa medições físicas (polegadas ou mm).

Por exemplo: 1. Você tem uma imagem quadrada de 1000px no Photoshop e a imprime para ter 3 polegadas quadradas. A resolução da impressão é 333ppi.

2. Em seguida, você o coloca em um layout do InDesign de 1,5 polegadas quadradas e o PDF. As ferramentas de pré-impressão do Acrobat indicam 666 dpi - quando impressas.

por exemplo, 3. Você o visualiza em um navegador da web em vários dispositivos. É quadrado de 1000 px, seja qual for o tamanho ou a resolução da sua tela; as dimensões físicas variam amplamente, no entanto.

4. Você volta ao Photoshop e percebe que a imagem foi definida como 72ppi o tempo todo, e isso não fez nenhuma diferença em nenhum desses casos. Você o altera para 144ppi (sem reamostragem, ou seja, o número de pixels é inalterado) e descobre que não faz diferença para nenhum dos casos.

5. Após um pouco de experimentação, você descobre que o ppi faz diferença quando você imprime no Photoshop em uma escala de 100%. Mas o mesmo acontece com a alteração das dimensões da impressão - elas estão diretamente (e inversamente) relacionadas, e ambas são apenas metadados que especificam como a imagem deve ser impressa e podem ser facilmente substituídas.

(b) a resolução física de um dispositivo de exibição

Voltando a, por exemplo, 3, a imagem é exibida em diferentes tamanhos físicos, porque as telas têm uma grade fixa de pixels de hardware. Portanto, neste caso, o PPI é uma propriedade intrínseca do hardware.

Você pode medir facilmente o PPI de uma tela se conhecer suas dimensões de pixel, apenas divida sua altura (ou largura) em pixels por sua altura (ou largura) medida com uma régua. Os primeiros Macs tinham 72ppi; laptops são de até 130ppi; smartphones atuais 200ppi +, até os 330ppi do iPhone 4.

Pontos por polegada (dpi) é uma medida física da resolução de saída de um dispositivo de impressão.

Os pontos são gotas individuais de tinta.

(continua)

NB O termo é muito comumente usado para significar ppi nos dois sentidos acima.

Pessoalmente, considero isso incorreto, por mais arraigado que seja, e a fonte de confusão contínua.

Não vou responder qual é a diferença entre DPI e PPI. Eu darei uma resposta mais fundamental.

Qual é a diferença entre um ponto e um pixel?

Um ponto

Deixarei as definições matemáticas, geométricas e conceituais fora desta resposta. Refiro-me apenas às artes gráficas.

Um ponto é uma pequena mancha de algo (uma gota de tinta, uma partícula de poeira) usada em um meio físico impresso. Normalmente, é a menor quantidade de material que você pode ter nesse meio. Ou você tem um ponto ou não.

Um pixel

Um pixel define coisas diferentes. Sim, provavelmente devemos chamar alguns deles de uma maneira diferente)

I. Um pequeno bloco de informações em um arquivo de imagem digital.

É um pequeno bloco de informações, não um ponto. Um ponto pode estar lá ou não. Pelo contrário, um pixel pode armazenar um de vários milhões de valores.

Imagine uma loja onde você pode comprar uma unha ou não. Isso é um ponto.

Agora imagine uma loja onde você pode escolher potencialmente entre vários milhões de produtos. Isso é um pixel.

A quantidade de opções para escolher nesta loja é fornecida pela profundidade da loja, neste caso, a profundidade do bit. De apenas on-off a vários milhões de opções.

Uma coisa sobre um pixel é que ele está lá. Tem uma posição definida, o que pode mudar é o valor dela.

II A menor parte da tela que pode ser alterada para renderizar diferentes tons de cor.

Sim, podemos obter quantos pixels dessa tela temos em um monitor físico, mas, para nossa sorte, as pessoas dão o número total; FullHD, 4K em uma tela de 50 ".

Esse elemento deve ter um nome diferente do "pixel" de uma imagem digital.

Observe uma coisa. Um ponto pode ser usado no domínio da matemática, geometria, pintura, artes gráficas, etc. Um pixel em um arquivo digital, uma tela ou uma projeção. Você só precisa saber qual é o contexto.

DPI usado para impressão PPI usado para qualquer coisa na tela para itens como jogos ou banners online ETC.