Qual é a diferença entre pontos e pixels?

Um pixel é um 'elemento de imagem' quadrado único (por isso, pix-el), ou seja, um único ponto na sua imagem. Uma imagem 10x10 é composta por um conjunto de pixels em uma grade de 10 x 10 de altura, totalizando 100 pixels.

O 'ponto' (pt), por outro lado, é uma unidade de comprimento, comumente usada para medir a altura de uma fonte, mas tecnicamente capaz de medir qualquer comprimento. Em aplicações, 1pt é igual a exatamente 1/72 da polegada; na impressão tradicional, tecnicamente, o 72pt tem 0,996264 polegadas, embora eu ache que você será perdoado por arredondá-lo!

Quantos pixels = 1pt depende da resolução da sua imagem. Se sua imagem tiver 72ppi (pixels por polegada), um ponto será igual a exatamente um pixel.

Point é uma unidade física de comprimento, usada em tipografia. É igual a 1/12 de paica e 1 paica = 1/6 de polegada. Então, 1 pt = 1/72 de polegada.

Portanto, em uma tela de 72 ppi, 1 ponto = 1 pixel.

Em CSS

Um pt é 1/72 de um in e um px é 1/96 de um in.

Um px é, portanto, 0,75 pt ^[fonte] .

No CSS, tudo é um pouco abstraído; portanto, uma unidade como um "pt" não é necessariamente um ponto no tamanho físico, especialmente em uma tela , um "in" não é necessariamente uma polegada de tamanho e assim por diante. Até mesmo um "px" não é mais necessariamente um pixel: tudo é dimensionado para ser consistente com um dispositivo hipotético de 96 ppi visualizado à distância normal de leitura, o que significa que, nas telas que diferem significativamente de 96 ppi ou da distância normal de leitura, tudo será dimensionado, mas ainda manterá os mesmos relacionamentos, ou seja, um pt ainda terá 4/3 px de unidades e ainda 1/72 de uma unidade.

Na impressão

Na impressão, um ponto estava tradicionalmente entre 1/67 de polegada e 1 / 72,5 de polegada.

Nos meios digitais, tornou-se um padrão de fato um ponto com exatamente 1/72 de polegada hoje em dia, embora ainda existam medidas alternativas em uso menos comum, que variam ligeiramente de 1/72, mas não muito.

Na impressão, você geralmente não mede em pixels, porque são detalhes técnicos da impressora ou dispositivo de destino que não são uma medida absoluta. Por exemplo, um design pode ser impresso em 125 dpi, 300 dpi ou 1200 dpi e ainda ter as mesmas dimensões físicas.

Um ponto é uma medida tipográfica, o que significa que é uma medida física de comprimento , como milhas, polegadas, metros ou uma unidade astronômica. Historicamente, a duração de um ponto variava de diferentes localidades e culturas, mas com o aumento da publicação e internacionalização de desktops a seguinte convenção foi estabelecida:

No final dos anos 80 aos 90, o ponto tradicional foi suplantado pelo ponto de editoração eletrônica (também chamado de ponto PostScript), que foi definido como 72 pontos por polegada (1 ponto = 1⁄72 polegadas = 25,4⁄72 mm = 0,3527 milímetros).

Um pixel é a menor unidade de dados de imagem digital . É o mesmo que dizer que um pixel não possui tamanho físico real. Os pixels são usados ​​para exibir uma imagem na tela ou imprimi-la, convertendo as informações da imagem em pixels em representação física. As telas têm sua densidade de pixels medida em ppi (pixels por polegada), enquanto as imagens impressas são medidas por dpi (pontos por polegada) - pois a mesma quantidade de pixels da imagem pode resultar em tamanhos físicos extremamente variáveis, por exemplo, 100 x 100 pixels a imagem será enorme exibida em uma tela de publicidade externa ou pequena quando impressa em papel a 300 dpi.

A proliferação de dispositivos complica os termos

Geralmente, as respostas anteriores são precisas em termos de distinção entre impressão e digital. No entanto, novos dispositivos introduziram mais complexidade.

A Apple costuma usar "point" para se referir com mais eficiência a "pixels de referência". Da biblioteca de desenvolvedores iOS da Apple :

Pontos versus pixels

No iOS, há uma distinção entre as coordenadas especificadas no código de desenho e os pixels do dispositivo subjacente. Ao usar tecnologias de desenho nativas, como Quartz, UIKit e Core Animation, o espaço de coordenadas do desenho e o espaço de coordenadas da vista são espaços de coordenadas lógicas, com distâncias medidas em pontos. Esses sistemas de coordenadas lógicas são dissociados do espaço de coordenadas do dispositivo usado pelas estruturas do sistema para gerenciar os pixels na tela.

O sistema mapeia automaticamente pontos no espaço de coordenadas da visualização para pixels no espaço de coordenadas do dispositivo, mas esse mapeamento nem sempre é individual. Esse comportamento leva a um fato importante que você deve sempre lembrar:

One point does not necessarily correspond to one physical pixel.

Qualquer um dos termos indica um valor diferente da densidade real de pixels do dispositivo: a Apple coloca quatro pixels em um ponto para aumentar efetivamente a nitidez da imagem. Em outros dispositivos (como alguns da HTC ), essa densidade é ainda maior, chegando a seis pixels por ponto - maior que a impressão!