Menu

Bild-zu-Pixel-Art-Konverter

Verwandle jedes Foto in Pixel Art mit Retro-Paletten, Dithering und Raster.

Von Nethanel Bar, Co-founder & CEO

Zuletzt aktualisiert

Ready to actually learn to code?

Coddy teaches you by writing real code in your browser - interactive lessons, instant feedback, and AI help when you get stuck.

Was ist ein Bild-zu-Pixel-Art-Konverter?

Ein Bild-zu-Pixel-Art-Konverter verwandelt ein normales Foto oder eine Zeichnung in Pixel Art: Er verkleinert das Bild auf ein kleines Blockraster, reduziert die Farben auf eine kompakte Palette und skaliert das Ergebnis mit harten, scharfen Kanten wieder hoch. Aus einer weichen Fotografie wird eine Retro-Grafik im Spielelook.

Zwei Ideen leisten die Arbeit. Das *Herunterskalieren* mittelt jede Bildregion zu einem einzigen Pixel: Du wählst die Breite, von 8 bis 128 Pixeln. Die *Farbquantisierung* ordnet dann jeden Pixel der nächstliegenden Palettenfarbe zu: Behalte die Originalfarben, lass das Tool automatisch die besten N wählen, oder erzwinge den Retro-Look mit 16-Farben-, 32-Farben-, Grün-LCD- oder Monochrom-Paletten. Optionales Dithering mischt Nachbarfarben im Schachbrettmuster, derselbe Trick, mit dem alte Konsolen Verläufe zeigten.

Alles läuft lokal im Browser: Das Bild wird nie hochgeladen. Nutze es für Avatare und Profilbilder, Entwürfe von Spiel-Assets, Poster im 8-Bit-Stil, oder schalte das Raster ein und verwende das Ergebnis als Vorlage für Bügelperlen, Kreuzstich oder Block-Baupspiele. Ein Klick schickt das Ergebnis zum Pixel-Art-Maker für die pixelgenaue Bearbeitung.

Was du beim Konvertieren lernst

  • Auflösung ist Information. Bei 32 Pixeln Breite ist ein Gesicht nur eine Andeutung; bei 96 wird es erkennbar. Der Regler zeigt, welches Detail die Kompression überlebt.
  • Farbquantisierung bildet Millionen Fotofarben auf eine kleine Palette ab, indem jeweils die nächstliegende Farbe gewählt wird: dieselbe Idee wie bei GIF und alter Grafikhardware.
  • Dithering täuscht Zusatzfarben vor, indem zwei Palettenfarben im Muster abwechseln. So zeigten Retro-Spiele Sonnenuntergänge mit 16 Farben.

So wird aus einem Foto Pixel Art

  1. Bild ablegen

    Klicke auf die Ablagefläche oder ziehe ein PNG, JPG, WebP oder SVG hinein. Das Bild bleibt auf deinem Gerät: Die Umwandlung passiert vollständig im Browser.

  2. Pixelbreite wählen

    Schiebe zwischen 8 und 128 Pixeln. Weniger Pixel = klobiger und abstrakter; mehr Pixel = mehr Detail. Porträts funktionieren meist zwischen 48 und 96 am besten.

  3. Palette und Dithering wählen

    Original behält die Fotofarben. Auto wählt die besten N Farben für dieses Bild. Die Retro-Paletten erzwingen den Klassik-Look; probiere Grün-LCD für das Handheld-Feeling. Dithering glättet Verläufe.

  4. Exportieren

    Lade ein PNG mit bis zu 32-facher Skalierung herunter, schalte vorher das Raster ein, wenn du eine Nachbau-Vorlage willst, oder schicke das Ergebnis zum Pixel-Art-Maker für die Feinarbeit.

Einstellungen auf einen Blick

Gute Startwerte für typische Umwandlungen.

ZielPixel breitPalette
Profilbild / Avatar48-64Auto, 16-32 Farben, Dithering an
Spiel-Asset-Entwurf16-32Retro 16 oder Retro 32, Dithering aus
Retro-Handheld-Look64-96Grün-LCD, Dithering an
Poster- / Wallpaper-Basis96-128Auto, 32-64 Farben, Dithering an
Bügelperlen- / Kreuzstich-Vorlage24-48Auto mit wenigen Farben, Raster an
Minimalistische Kunst16-32Mono, Dithering an

Umwandlungen zum Ausprobieren

Retro-Avatar aus einem Selfie

Einstellungen

Pixel breit: 56 Palette: Auto (16 Farben) Dithering: an Export: 16x PNG

Ein Gesicht braucht gerade genug Auflösung, damit die Augen lesbar bleiben. Auto-Paletten halten Hauttöne plausibel, während die geringe Farbzahl den klassischen Pixel-Porträt-Charme liefert.

Handheld-Screenshot-Look

Einstellungen

Pixel breit: 80 Palette: Grün-LCD (4) Dithering: an Export: 8x PNG

Vier Grüntöne plus Dithering sind sofort als Original-Handheld-Ästhetik erkennbar. Kontrastreiche Fotos wandeln am besten um: Die Palette hat nur vier Helligkeitsstufen.

Bügelperlen- oder Kreuzstich-Vorlage

Einstellungen

Pixel breit: 32 Palette: Auto (8-12 Farben) Dithering: aus Pixelraster: an Export: 16x PNG

Schalte Dithering aus, damit jede Fläche eine einzige Volltonfarbe ist, die du einer Perle oder einem Garn zuordnen kannst, und exportiere mit Raster: Jede Zelle wird zu einer Perle oder einem Stich.

Häufige Umwandlungsfehler

  • Ein wimmelndes Foto mit 16 Pixeln Breite umwandeln und ein Porträt erwarten. Sehr niedrige Auflösungen brauchen einfache, kontrastreiche Motive: vorher eng zuschneiden.
  • Dithering bei Verläufen ausschalten. Himmel und Haut zerfallen ohne es in harte Farbbänder.
  • 64 Farben für einen 'Retro'-Look. Alte Hardware nutzte 4 bis 32 Farben: Die Beschränkung ist der Stil.

Bild-zu-Pixel-Art FAQ

Wie wandle ich ein Bild in Pixel Art um?
Bild hochladen, Pixelbreite des Ergebnisses wählen, Palette aussuchen, PNG herunterladen. Der Konverter verkleinert das Foto auf dein Raster, rastet jeden Pixel auf die Palette ein und exportiert mit scharfen Kanten ohne Glättung.
Was sind die besten Einstellungen für Pixel Art aus einem Foto?
Für die meisten Fotos: 48 bis 64 Pixel Breite, Auto-Palette mit 16 Farben, Dithering an. Geh auf 16-32 Pixel für ikonenhafte Ergebnisse, auf 96-128, wenn Details wichtiger sind als der Klotz-Look.
Was ist Dithering?
Dithering wechselt zwei Palettenfarben in einem feinen Muster ab, sodass das Auge sie zu einem Zwischenton mischt. Es glättet Verläufe, die sonst Streifen bilden würden: die Technik klassischer Konsolen und GIFs. Schalte es aus, wenn du große Flächen willst, etwa für Perlenvorlagen.
Was machen die Paletten?
Original behält alle Farben des verkleinerten Fotos. Auto analysiert dein Bild und wählt die N repräsentativsten Farben (Median Cut). Retro 16 und Retro 32 rasten das Bild auf klassische Pixel-Art-Paletten ein, Grün-LCD liefert den Vier-Töne-Handheld-Look und Mono ist Graustufen.
Bekomme ich ein Raster, um das Bild mit Perlen oder Blöcken nachzubauen?
Ja: Schalte das Pixelraster ein und jede Zelle bekommt eine sichtbare Umrandung in Vorschau und exportiertem PNG. Das Ergebnis ist eine fertige Vorlage für Bügelperlen, Kreuzstich, Mosaike oder Block-Bauspiele.
Kann ich das Ergebnis Pixel für Pixel bearbeiten?
Ja. Im Pixel-Art-Maker bearbeiten schickt das umgewandelte Raster direkt in das Zeichentool: Ausreißer-Pixel korrigieren, Flächen umfärben, Details ergänzen und sogar Frames animieren.
Warum sieht das Ergebnis in meinem Bildbetrachter unscharf aus?
Manche Viewer glätten beim Zoomen. Das exportierte PNG selbst hat harte Kanten: Exportiere mit 16x oder 32x, damit es ohne Zoom in voller Schärfe angezeigt wird.
Wird mein Foto auf einen Server hochgeladen?
Nein. Die gesamte Umwandlung (Verkleinern, Palette, Dithering, Export) läuft lokal im Browser. Das Bild verlässt dein Gerät nie, und das Tool ist kostenlos und ohne Anmeldung.

Mehr erfahren

Weitere Entwickler-Tools

Coddy programming languages illustration

Lerne mit Coddy zu programmieren

LOS GEHT'S