Ein Pixel ist der kleinste Bildpunkt eines digitalen Bildes oder Bildschirms. Der Duden beschreibt es als kleinstes Element eines gerasterten, digitalisierten Bildes; das Wort ist eine Kürzung des englischen picture element. Auf dem Bildschirm setzt sich ein Pixel meist aus drei Subpixeln in Rot, Grün und Blau zusammen.
- Pixel
Der kleinste Bildpunkt eines digitalen Bildes oder Bildschirms; in CSS zugleich eine feste Längeneinheit.
Beispiel: „Das Foto ist 2.400 Pixel breit, auf dem Smartphone erscheint es 400 CSS-Pixel breit.“Auch: Bildpunkt; der Duden erlaubt das und der Pixel.
Abgrenzung zum CSS-Pixel: Er ist eine Längeneinheit, kein physischer Bildpunkt.
Woher das Wort Pixel kommt
Laut einer Untersuchung von Richard Lyon erschien pixel zuerst 1965 gedruckt, in zwei Aufsätzen von Fred Billingsley vom Jet Propulsion Laboratory über die Verarbeitung von Raumsondenbildern. Erfunden hat er es nicht: Billingsley erinnerte sich, das Wort von einem Zulieferer übernommen zu haben. Das deutsche Bildpunkt ist älter und steht schon 1884 in Paul Nipkows Patentanmeldung.
Gerätepixel und CSS-Pixel
Ein Bildschirm hat physische Pixel, eine Website rechnet in CSS-Pixeln. Laut CSS Values 4 ist ein CSS-Pixel genau ein 96stel Inch, bezogen auf einen Betrachtungsabstand auf Armlänge. Auf einem hochauflösenden Display entfallen auf einen CSS-Pixel zwei, drei oder mehr Gerätepixel; das Verhältnis liefert devicePixelRatio in JavaScript.
Pixel im Webdesign
Für scharfe Bilder auf hochauflösenden Bildschirmen braucht eine Pixelgrafik mehr Pixel, als sie CSS-Pixel einnimmt. Mit srcset bietet man deshalb mehrere Größen an, und der Browser wählt nach Pixeldichte. Logos und Icons als Vektorgrafik umgehen das Problem ganz.