Kurz erklärt · Grafik & Sound
Pixel-Art ist ein Grafikstil, bei dem Bilder bewusst aus einzeln gesetzten, deutlich sichtbaren Bildpunkten (Pixeln) bestehen – meist mit kleiner Auflösung und begrenzter Farbpalette. Er geht auf die Grafik früher Computer- und Videospiele zurück.
Auch: Pixel Art, Pixelart, Pixelgrafik, Pixelkunst, Pixel-Look, Sprite-Grafik
Was ist Pixel-Art?
Ein Pixel ist der kleinste Bildpunkt eines Bildschirms. In der Pixel-Art wird jeder dieser Punkte bewusst gesetzt, oft einzeln von Hand. Anders als bei Fotos oder glatt gezeichneter Vektorgrafik soll man das Raster sehen: Treppenstufen an schrägen Kanten und klare Farbflächen gehören zum Stil.
Ursprünglich war das keine Stilentscheidung, sondern Notwendigkeit. Frühe Spielgeräte und Heimcomputer hatten winzige Auflösungen und nur wenige Farben. Heute wird Pixel-Art gezielt eingesetzt – als Erinnerung an diese Zeit und weil die reduzierte Form sehr gut lesbar ist. Der Begriff selbst ist seit 1982 belegt.
Merkmale von Pixel-Art
- Kleine Auflösung: Spielfiguren, sogenannte Sprites, sind oft nur 16 × 16 oder 32 × 32 Pixel groß.
- Begrenzte Palette: Wenige, sorgfältig gewählte Farben – manchmal nur vier – sorgen für einen einheitlichen Look.
- Harte Kanten: keine weichen Übergänge, stattdessen bewusst platzierte Pixel.
- Ganzzahlige Vergrößerung: Auf modernen Bildschirmen wird jedes Pixel exakt verdoppelt oder vervierfacht, damit es scharf bleibt.
- Animation in Einzelbildern: Bewegungen bestehen aus wenigen gezeichneten Phasen.
Ein typisches Hilfsmittel ist das Dithering: Zwei Farben werden im Schachbrettmuster gemischt, damit aus der Entfernung eine dritte Farbe oder ein Verlauf entsteht.
Wie entsteht Pixel-Art im Browser?
Browserspiele zeichnen Pixel-Art meist in kleiner Auflösung auf ein HTML5-Canvas und vergrößern das Bild dann ohne Weichzeichnen. In CSS heißt die passende Einstellung image-rendering: pixelated. Ohne sie würde der Browser die Pixel verwischen, und der Stil wäre dahin.
Manche Spiele laden ihre Grafiken nicht einmal als Bilddateien, sondern erzeugen sie direkt im Programmcode. Das hält sie winzig und schnell geladen.
Unterschied zu Blockgrafik, 8-Bit und Low Poly
- Blockgrafik: Bilder aus festen Grafikzeichen des Zeichensatzes statt aus frei setzbaren Pixeln – typisch für Rechner ohne Grafikkarte wie den Robotron Z9001.
- 8-Bit: bezeichnet eigentlich eine Prozessor-Generation. Als Stilbegriff meint „8-Bit-Look“ Pixel-Art mit sehr wenigen Farben, wie sie diese Geräte zeigen konnten.
- Low Poly: das 3D-Gegenstück – Körper aus wenigen sichtbaren Flächen statt Bilder aus sichtbaren Pixeln.
Klanglich passt zur Pixel-Art der Chiptune, also Musik im Stil alter Soundchips. Beide leben von bewusster Beschränkung.
Pixel-Art in Spielen auf Player 0o5
Traumwandler
Traumwandler erzeugt Grafik, Musik und Klänge komplett selbst: Die Pixel-Art entsteht direkt im Code, und jede der vier Traumwelten hat eigene Chiptune-Musik.
Bolzplatz-Boss
Bolzplatz-Boss verbindet einen Fußball-Manager mit Retro-Pixel-Look: Im Spiel läuft eine wuselnde Pixel-Draufsicht. Pixelgrafik, Musik und Klänge entstehen im Spiel selbst, das Ganze ist nur rund 0,16 MB groß.
Drehturm & Drehturm 64
Drehturm 64 ist die 8-Bit-Fassung des Turm-Kletterspiels mit 16 Farben, Rasterbalken-Himmel und einem Röhrenbild, das sich in drei Stufen einstellen lässt.
So zeichnest du deine erste Pixel-Art-Figur
- Leg ein kleines Raster fest, zum Beispiel 16 × 16 Pixel.
- Wähle eine Palette mit drei bis fünf Farben: eine dunkle Umrissfarbe, zwei Töne für die Fläche und eine helle Lichtfarbe.
- Zeichne zuerst den Umriss mit einer Linie, die nur ein Pixel breit ist.
- Fülle die Flächen und setze Schatten auf die Seite, die vom Licht abgewandt ist.
- Setze ein oder zwei helle Pixel als Glanzlicht.
- Prüfe die Figur in Originalgröße – erst dort zeigt sich, ob sie gut lesbar ist.
- Vergrößere sie zum Zeigen nur in ganzen Schritten (2×, 4×), damit die Pixel scharf bleiben.
Häufige Fragen zu Pixel-Art
Was ist Pixel-Art?
Pixel-Art ist ein Grafikstil, bei dem Bilder aus sichtbaren, einzeln gesetzten Pixeln mit wenigen Farben bestehen. Er erinnert an die Grafik früher Computer- und Videospiele.
Warum sehen Retro-Spiele pixelig aus?
Früher konnten Bildschirme und Grafikchips nur wenige Pixel und Farben darstellen. Heute wird der Look oft bewusst gewählt, weil er klar lesbar ist und an diese Zeit erinnert.
Wie groß ist eine Pixel-Art-Figur?
Typische Figuren sind 8 × 8, 16 × 16 oder 32 × 32 Pixel groß. Auf dem Bildschirm werden sie ganzzahlig vergrößert, damit jedes Pixel scharf bleibt.
Ist Pixel-Art dasselbe wie 8-Bit-Grafik?
Nicht ganz. 8-Bit bezeichnet ursprünglich eine Prozessor-Generation. Pixel-Art ist der allgemeinere Stilbegriff; „8-Bit-Look“ meint Pixel-Art mit besonders wenigen Farben im Stil dieser Geräte.
Verwandte Begriffe
- Retro & DDR-Heimcomputer8-BitWas bedeutet 8-Bit? Bits und Bytes einfach erklärt, warum 255 die größte Zahl ist und was 8-Bit-Grafik und -Sound mit alten Prozessoren zu tun haben.
- Grafik & SoundChiptuneRechteck, Dreieck, Rauschen: Wie Chiptunes aus wenigen Klangwellen ganze Songs bauen – und welche Spiele auf 0o5.de ihre Musik live erzeugen.
- Retro & DDR-HeimcomputerBlockgrafikBilder aus Zeichenfeldern: Was Blockgrafik ist, wie Viertelblöcke funktionieren und wie Spiele am Robotron Z9001 so Figuren und sogar 3D-Welten zeichnen.
- Grafik & SoundLow PolyWenige Dreiecke, viel Wirkung: Was Low Poly bedeutet, warum der kantige 3D-Stil im Browser so gut läuft und wie Spiele ihre Detailstufe anpassen.
- Technik & PlattformHTML5-CanvasDie Leinwand im Browser: Auf dem Canvas malen Spiele ihr Bild Pixel für Pixel – meist 60-mal pro Sekunde neu.
- Retro & DDR-HeimcomputerHeimcomputerTastatur, Fernseher, Kassette: Was einen Heimcomputer der 1980er ausmachte, wie es in der DDR aussah und wo du heute noch dafür geschriebene Spiele spielst.