Pixel

Définition Formelle

Un pixel (abréviation : px) est le plus petit élément adressable d'une image raster ou d'un écran d'affichage. En imagerie numérique, un pixel représente un seul échantillon d'une image — un point de couleur défini par des valeurs dans un modèle de couleur (typiquement RGB pour les écrans). Dans le contexte des CSS (Cascading Style Sheets) et du design web, un pixel CSS est défini comme étant approximativement 1/96 de pouce (0,2646 mm) à une distance de vision de 28 pouces (71 cm), ce qui en fait une unité de mesure angulaire plutôt qu'une taille physique fixe.

Le mot "pixel" est un mot-valise de "picture element". Sur un affichage, chaque pixel est un élément physique (ou groupe de sous-pixels) qui peut émettre ou transmettre de la lumière à une couleur et une intensité spécifiques. Le nombre total de pixels détermine la résolution de l'affichage — par exemple, un affichage 1920 × 1080 a 2 073 600 pixels disposés dans une grille de 1 920 colonnes et 1 080 lignes.

Pixel CSS vs. Pixel de Dispositif

Dans le développement web moderne, la distinction entre les pixels CSS et les pixels de dispositif est cruciale. Un pixel CSS (également appelé pixel de référence) a une taille angulaire fixe et correspond à environ 1/96 de pouce sur un affichage standard. Un pixel de dispositif est le pixel physique réel sur le matériel de l'écran. Les affichages haute DPI (points par pouce) — tels que les affichages Retina d'Apple — utilisent plusieurs pixels de dispositif pour rendre un seul pixel CSS, créant des images plus nettes. Le rapport entre les pixels de dispositif et les pixels CSS est appelé le rapport de pixels de dispositif (DPR) : un DPR de 2 signifie que chaque pixel CSS est rendu par une grille de 2 × 2 pixels de dispositif.

Origine du Mot

Le mot "pixel" a été publié pour la première fois en 1965 par Frederic Billingsley du Jet Propulsion Laboratory (JPL) de la NASA dans un rapport technique sur l'imagerie numérique des sondes spatiales. Billingsley a ensuite déclaré qu'il avait emprunté le mot à des ingénieurs de la Lockheed Corporation et de la Link Division de General Precision, qui l'utilisaient déjà de manière informelle. Le terme est une combinaison de "picture" (ou "pix", une abréviation informelle utilisée dans l'industrie du divertissement depuis les années 1930) et "element."

Évolution du Concept

Avant que "pixel" ne devienne standard, divers termes étaient utilisés pour le concept : "picture element" (courant dans l'ingénierie télévisuelle des années 1920), "pel" (utilisé par IBM et encore rencontré occasionnellement dans les spécifications d'affichage), et "dot" (utilisé de manière informelle). L'abréviation "px" est devenue standard dans les CSS avec la publication de la spécification CSS 1.0 en 1996 et est depuis devenue le symbole d'unité le plus largement reconnu dans le design web et la typographie numérique.

Télévision et Imagerie Précoce

Le concept de pixel précède le mot de plusieurs décennies. Les ingénieurs en télévision dans les années 1920 et 1930 discutaient des images en termes de "picture elements" — les points de lumière individuels qui composent une image télévisée. La norme NTSC de 1941 pour la télévision en noir et blanc aux États-Unis définissait une image d'environ 480 lignes verticales, chaque ligne étant composée de centaines d'éléments d'image.

Imagerie Numérique et Exploration Spatiale

Les pixels numériques tels que nous les connaissons ont émergé au début des années 1960 avec le développement de l'imagerie numérique pour l'exploration spatiale. La mission Ranger 7 de la NASA (1964) a renvoyé les premières images numériques d'un autre monde — des photographies de la surface de la Lune composées d'éléments d'image discrets. Les missions Mariner vers Mars (1965-1969) ont encore avancé la technologie d'imagerie numérique, et c'est dans ce contexte que le mot "pixel" est entré dans le vocabulaire technique.

L'Ère de l'Ordinateur Personnel

La révolution de l'ordinateur personnel a amené les pixels dans la conscience quotidienne. Les premiers affichages PC avaient des résolutions extrêmement basses : l'adaptateur CGA de l'IBM PC (1981) affichait 320 × 200 pixels, et le Macintosh 128K (1984) affichait 512 × 342 pixels. La résolution a augmenté régulièrement : VGA (640 × 480) en 1987, XGA (1024 × 768) en 1990, Full HD (1920 × 1080) dans les années 2000, et 4K (3840 × 2160) dans les années 2010.

La Révolution Haute DPI

L'introduction de l'affichage Retina par Apple sur l'iPhone 4 en 2010 a marqué un tournant dans la technologie des pixels. En intégrant 326 pixels par pouce (comparé aux 72-96 PPI typiques des affichages antérieurs), Apple a créé des écrans où les pixels individuels étaient invisibles à l'œil nu à des distances de vision normales. Cette innovation a nécessité la distinction entre les pixels CSS et les pixels de dispositif et a introduit le concept de rapport de pixels de dispositif.

Dans le Design Web et les CSS

Le pixel est l'unité la plus couramment utilisée dans le design web. Les propriétés CSS telles que la taille de police, la largeur, la hauteur, le rembourrage, la marge et la largeur de bordure sont souvent spécifiées en pixels. Une taille de police de corps typique est de 16 px, une largeur de page courante est de 1200 px, et les valeurs d'espacement standard sont des multiples de 4 ou 8 px. Cependant, les pratiques de design réactif privilégient de plus en plus les unités relatives (em, rem, vw, vh) par rapport aux valeurs de pixels fixes pour s'adapter à différentes tailles d'écran et préférences des utilisateurs.

Dans la Photographie Numérique

La résolution des caméras est mesurée en mégapixels (millions de pixels). Une caméra de 12 mégapixels produit des images d'environ 4 000 × 3 000 pixels. Les caméras de smartphones modernes varient de 12 à 200 mégapixels, et les caméras professionnelles au format moyen dépassent 100 mégapixels. La résolution d'impression nécessite généralement 300 pixels par pouce (PPI), donc une image de 12 mégapixels peut produire une impression de haute qualité d'environ 13 × 10 pouces.

Dans la Technologie d'Affichage

La résolution d'affichage et la densité de pixels sont des spécifications primaires pour les moniteurs, les téléviseurs, les smartphones et les tablettes. Les résolutions d'affichage courantes incluent Full HD (1920 × 1080), 2K (2560 × 1440), 4K (3840 × 2160) et 8K (7680 × 4320). La densité de pixels, mesurée en pixels par pouce (PPI), varie d'environ 100 PPI pour les moniteurs de bureau standard à plus de 500 PPI pour les affichages de smartphones haut de gamme.

Résolution d'Écran et Achats

Lors de l'achat d'un téléviseur, d'un moniteur ou d'un smartphone, les spécifications des pixels sont parmi les facteurs les plus importants. Les consommateurs comparent les comptes de pixels (par exemple, "4K" signifie environ 8 millions de pixels), la densité de pixels (PPI) et la technologie des pixels (OLED, LCD, Mini-LED). Un nombre de pixels plus élevé signifie généralement une image plus nette, mais la densité de pixels (pixels par pouce) est souvent plus importante que le nombre total de pixels pour la netteté perçue.

Réseaux Sociaux et Photographie

Les plateformes de médias sociaux imposent des spécifications basées sur les pixels pour le contenu téléchargé. Les photos Instagram sont affichées à 1080 × 1080 pixels (carré), 1080 × 1350 pixels (portrait) ou 1080 × 566 pixels (paysage). Les photos de couverture Facebook mesurent 820 × 312 pixels sur desktop. YouTube recommande 1920 × 1080 pixels pour les vidéos HD standard et 3840 × 2160 pour 4K. Comprendre ces dimensions de pixels aide les créateurs de contenu à optimiser leurs images et vidéos.

Art Numérique et Design

Les artistes numériques travaillent directement avec des pixels. L'art pixel — une forme d'art numérique où les images sont créées et éditées au niveau des pixels — a connu un grand renouveau dans les jeux vidéo indépendants et le design au style rétro. Des outils comme Photoshop, GIMP et Aseprite permettent aux artistes de manipuler des pixels individuels. Les logiciels de design affichent les dimensions de la toile et les tailles d'outils en pixels, faisant du pixel l'unité fondamentale de la création numérique.

Dans l'Imagerie Médicale

Les systèmes d'imagerie médicale se caractérisent par leur résolution en pixels. Une radiographie numérique standard a une résolution d'environ 3 000 × 3 000 pixels avec une taille de pixel d'environ 140 à 200 micromètres. Les tomographies (CT) produisent généralement des images de 512 × 512 pixels par tranche, avec des tailles de pixels de 0,5 à 1,0 mm. Les images IRM varient de 256 × 256 à 1024 × 1024 pixels. Dans tous les cas, la taille des pixels détermine directement la plus petite caractéristique détectable.

Dans la Télédétection

La résolution des images satellites est décrite en termes de distance d'échantillonnage au sol des pixels (GSD) — la zone physique au sol représentée par un seul pixel. Les satellites Landsat ont un GSD de 30 mètres pour les bandes multispectrales, ce qui signifie que chaque pixel représente une zone de 30 × 30 mètres. Les satellites commerciaux comme WorldView-3 atteignent un GSD de 0,31 mètre (31 cm), permettant l'identification d'objets individuels. Le pixel est l'unité fondamentale de la résolution spatiale en télédétection.

Dans la Vision par Ordinateur et l'IA

Les modèles d'apprentissage automatique pour la reconnaissance d'images traitent les images comme des tableaux de valeurs de pixels. Les réseaux de neurones convolutionnels (CNN) apprennent à extraire des caractéristiques à partir de motifs de pixels à travers des couches successives d'abstraction. Les tailles d'image d'entrée sont spécifiées en pixels : le célèbre ensemble de données ImageNet utilise des images redimensionnées à 224 × 224 pixels. Le coût computationnel de l'entraînement et de l'inférence évolue avec le nombre de pixels d'entrée.