Pixel
Symbol: pxWorldwide
O que é um/uma Pixel (px)?
Definição Formal
Um pixel (abreviação: px) é o menor elemento endereçável de uma imagem raster ou tela de exibição. Em imagem digital, um pixel representa uma única amostra de uma imagem — um ponto de cor definido por valores em um modelo de cor (tipicamente RGB para telas). No contexto de CSS (Cascading Style Sheets) e design web, um pixel CSS é definido como aproximadamente 1/96 de polegada (0,2646 mm) a uma distância de visualização de 28 polegadas (71 cm), tornando-o uma unidade de medida angular em vez de um tamanho físico fixo.
A palavra "pixel" é um portmanteau de "elemento de imagem." Em uma tela, cada pixel é um elemento físico (ou grupo de sub-pixels) que pode emitir ou transmitir luz em uma cor e intensidade específicas. O número total de pixels determina a resolução da tela — por exemplo, uma tela de 1920 × 1080 possui 2.073.600 pixels dispostos em uma grade de 1.920 colunas e 1.080 linhas.
Pixel CSS vs. Pixel de Dispositivo
No desenvolvimento web moderno, a distinção entre pixels CSS e pixels de dispositivo é crucial. Um pixel CSS (também chamado de pixel de referência) tem um tamanho angular fixo e corresponde a aproximadamente 1/96 de polegada em uma tela padrão. Um pixel de dispositivo é o pixel físico real no hardware da tela. Telas de alta DPI (pontos por polegada) — como as telas Retina da Apple — usam múltiplos pixels de dispositivo para renderizar um único pixel CSS, criando imagens mais nítidas. A razão entre pixels de dispositivo e pixels CSS é chamada de razão de pixel de dispositivo (DPR): um DPR de 2 significa que cada pixel CSS é renderizado por uma grade de 2 × 2 pixels de dispositivo.
Etymology
Origem da Palavra
A palavra "pixel" foi publicada pela primeira vez em 1965 por Frederic Billingsley do Jet Propulsion Laboratory (JPL) da NASA em um relatório técnico sobre imagem digital de sondas espaciais. Billingsley afirmou mais tarde que pegou a palavra emprestada de engenheiros da Lockheed Corporation e da Link Division da General Precision, que já a usavam informalmente. O termo é uma combinação de "imagem" (ou "pix," uma abreviação informal usada na indústria do entretenimento desde os anos 1930) e "elemento."
Evolução do Conceito
Antes de "pixel" se tornar padrão, vários termos eram usados para o conceito: "elemento de imagem" (comum na engenharia de televisão desde os anos 1920), "pel" (usado pela IBM e ainda ocasionalmente encontrado em especificações de exibição), e "ponto" (usado informalmente). A abreviação "px" se tornou padrão em CSS com a publicação da especificação CSS 1.0 em 1996 e desde então se tornou o símbolo de unidade mais amplamente reconhecido em design web e tipografia digital.
História
Televisão e Imagem Inicial
O conceito de pixel precede a palavra por várias décadas. Engenheiros de televisão nas décadas de 1920 e 1930 discutiam imagens em termos de "elementos de imagem" — os pontos individuais de luz que compõem uma imagem de TV. O padrão NTSC de 1941 para televisão em preto e branco nos Estados Unidos definiu uma imagem de aproximadamente 480 linhas verticais, com cada linha composta por centenas de elementos de imagem.
Imagem Digital e Exploração Espacial
Os pixels digitais como os conhecemos surgiram no início dos anos 1960 com o desenvolvimento de imagem digital para exploração espacial. A missão Ranger 7 da NASA (1964) retornou as primeiras imagens digitais de outro mundo — fotografias da superfície da Lua compostas por elementos de imagem discretos. As missões Mariner a Marte (1965-1969) avançaram ainda mais a tecnologia de imagem digital, e foi nesse contexto que a palavra "pixel" entrou no vocabulário técnico.
A Era do Computador Pessoal
A revolução do computador pessoal trouxe os pixels para a consciência cotidiana. As primeiras telas de PC tinham resoluções extremamente baixas: o adaptador CGA do IBM PC (1981) exibia 320 × 200 pixels, e o Macintosh 128K (1984) exibia 512 × 342 pixels. A resolução aumentou constantemente: VGA (640 × 480) em 1987, XGA (1024 × 768) em 1990, Full HD (1920 × 1080) nos anos 2000, e 4K (3840 × 2160) nos anos 2010.
A Revolução do High-DPI
A introdução do display Retina da Apple no iPhone 4 em 2010 marcou um ponto de virada na tecnologia de pixels. Ao empacotar 326 pixels por polegada (em comparação com os típicos 72-96 PPI de telas anteriores), a Apple criou telas onde pixels individuais eram invisíveis a olho nu a distâncias normais de visualização. Essa inovação exigiu a distinção entre pixels CSS e pixels de dispositivo e introduziu o conceito de razão de pixel de dispositivo.
Uso atual
Em Design Web e CSS
O pixel é a unidade mais comumente usada em design web. Propriedades CSS como tamanho da fonte, largura, altura, preenchimento, margem e largura da borda são frequentemente especificadas em pixels. Um tamanho típico de fonte para o corpo é 16 px, uma largura de página comum é 1200 px, e valores de espaçamento padrão são múltiplos de 4 ou 8 px. No entanto, práticas de design responsivo favorecem cada vez mais unidades relativas (em, rem, vw, vh) em vez de valores fixos em pixels para acomodar diferentes tamanhos de tela e preferências do usuário.
Em Fotografia Digital
A resolução da câmera é medida em megapixels (milhões de pixels). Uma câmera de 12 megapixels produz imagens de aproximadamente 4.000 × 3.000 pixels. Câmeras de smartphones modernos variam de 12 a 200 megapixels, e câmeras profissionais de médio formato superam 100 megapixels. A resolução de impressão geralmente requer 300 pixels por polegada (PPI), então uma imagem de 12 megapixels pode produzir uma impressão de alta qualidade de aproximadamente 13 × 10 polegadas.
Em Tecnologia de Exibição
A resolução de exibição e a densidade de pixels são especificações primárias para monitores, TVs, smartphones e tablets. Resoluções de exibição comuns incluem Full HD (1920 × 1080), 2K (2560 × 1440), 4K (3840 × 2160), e 8K (7680 × 4320). A densidade de pixels, medida em pixels por polegada (PPI), varia de cerca de 100 PPI para monitores de desktop padrão a mais de 500 PPI para displays de smartphones de alta qualidade.
Everyday Use
Resolução de Tela e Compras
Ao comprar uma TV, monitor ou smartphone, as especificações de pixels estão entre os fatores mais importantes. Os consumidores comparam contagens de pixels (por exemplo, "4K" significa aproximadamente 8 milhões de pixels), densidade de pixels (PPI) e tecnologia de pixels (OLED, LCD, Mini-LED). Uma contagem de pixels mais alta geralmente significa uma imagem mais nítida, mas a densidade de pixels (pixels por polegada) é frequentemente mais importante do que a contagem total de pixels para a nitidez percebida.
Mídias Sociais e Fotografia
Plataformas de mídias sociais impõem especificações baseadas em pixels para conteúdo enviado. Fotos do Instagram são exibidas em 1080 × 1080 pixels (quadradas), 1080 × 1350 pixels (retrato), ou 1080 × 566 pixels (paisagem). Fotos de capa do Facebook têm 820 × 312 pixels no desktop. O YouTube recomenda 1920 × 1080 pixels para vídeo HD padrão e 3840 × 2160 para 4K. Compreender essas dimensões de pixels ajuda criadores de conteúdo a otimizar suas imagens e vídeos.
Arte Digital e Design
Artistas digitais trabalham diretamente com pixels. A arte em pixel — uma forma de arte digital onde imagens são criadas e editadas no nível do pixel — passou por um grande renascimento em jogos de vídeo indie e design de estilo retrô. Ferramentas como Photoshop, GIMP e Aseprite permitem que artistas manipulem pixels individuais. Software de design exibe dimensões da tela e tamanhos de ferramentas em pixels, tornando o pixel a unidade fundamental da criação digital.
In Science & Industry
Em Imagem Médica
Sistemas de imagem médica são caracterizados por sua resolução de pixels. Um raio-X digital padrão tem uma resolução de aproximadamente 3.000 × 3.000 pixels com um tamanho de pixel de cerca de 140 a 200 micrômetros. Tomografias computadorizadas (TC) geralmente produzem imagens de 512 × 512 pixels por fatia, com tamanhos de pixels de 0,5 a 1,0 mm. Imagens de ressonância magnética (RM) variam de 256 × 256 a 1024 × 1024 pixels. Em todos os casos, o tamanho do pixel determina diretamente a menor característica detectável.
Em Sensoriamento Remoto
A resolução de imagens de satélite é descrita em termos de distância de amostra de pixel no solo (GSD) — a área física no solo representada por um único pixel. Satélites Landsat têm um GSD de 30 metros para bandas multiespectrais, significando que cada pixel representa uma área de 30 × 30 metros. Satélites comerciais como o WorldView-3 alcançam GSD de 0,31 metros (31 cm), permitindo a identificação de objetos individuais. O pixel é a unidade fundamental de resolução espacial em sensoriamento remoto.
Em Visão Computacional e IA
Modelos de aprendizado de máquina para reconhecimento de imagem processam imagens como matrizes de valores de pixels. Redes neurais convolucionais (CNNs) aprendem a extrair características de padrões de pixels através de camadas sucessivas de abstração. Tamanhos de imagens de entrada são especificados em pixels: o influente conjunto de dados ImageNet usa imagens redimensionadas para 224 × 224 pixels. O custo computacional de treinamento e inferência escala com o número de pixels de entrada.
Interesting Facts
The first digital image ever produced was a scan of a photograph of Walden Kirsch, the son of computer scientist Russell Kirsch, in 1957. The image was 176 × 176 pixels — just 30,976 pixels total — and displayed in only two tones (black and white).
Apple's Retina display concept is based on the limit of human visual acuity: at normal viewing distances, the eye cannot distinguish individual pixels when the density exceeds approximately 300 PPI. The iPhone 4's Retina display achieved 326 PPI in 2010.
A single pixel on a modern OLED display is composed of three sub-pixels (red, green, and blue), each of which can be independently controlled. Some displays use four sub-pixels (RGBW), adding a white sub-pixel for improved brightness and efficiency.
The word 'megapixel' entered common vocabulary with the rise of digital cameras in the late 1990s. The first consumer digital camera with a resolution exceeding 1 megapixel was the Fujifilm DS-300 in 1997.
In CSS, 1 px is defined as 1/96 of an inch, while 1 pt (point) is 1/72 of an inch. This means 1 pt = 96/72 px = 1.333 px. This seemingly arbitrary relationship stems from the different historical origins of the two units.
The total number of pixels in the world's displays is estimated at over 100 quadrillion (10¹⁷), and this number is growing rapidly with the adoption of higher-resolution screens. Collectively, humanity refreshes these pixels billions of times per second.
Dead pixels — pixels that remain permanently off (black), on (white), or stuck at a single color — are a common defect in LCD and OLED displays. Most manufacturers allow 1 to 5 dead pixels per display without considering it defective.