Was ist Pixel-Art-Editor?

Ein Pixel-Art-Editor zum Zeichnen von Retro-Grafiken auf einem Rastercanvas. Wählen Sie die Rastergröße, suchen Sie Farben aus und setzen Sie Pixel einzeln oder nutzen Sie das Füllwerkzeug, um Sprites, Icons und Game-Assets zu erstellen.

Rastergrößen reichen von 8×8 bis 64×64. Sieben Werkzeuge: Stift, Radiergummi, Linie (vom Start zum Ende ziehen — ergibt eine pixelgenaue Bresenham-Linie), Rechteck, Kreis (einen Rahmen aufziehen für eine saubere Pixel-Kontur), Füll-Eimer und Pipette. Eine Pinselgröße von 1 bis 4 Pixeln teilen sich Stift, Radiergummi, Linie, Rechteck und Kreis, damit auf großen Leinwänden auch dickere Konturen gehen. Spiegel X spiegelt an der vertikalen Mittellinie, Spiegel Y an der horizontalen; beide zusammen ergeben 4-fache Symmetrie. Rückgängig und Wiederholen bewegen sich durch die letzten 50 Aktionen. Der Export skaliert die Leinwand 1× bis 16× per Nearest-Neighbor-Verfahren, sodass ein 32×32-Sprite sauber als 512×512 mit harten, kantigen Pixeln rauskommt.

Anleitung

1. Legen Sie die Rastergröße Ihres Canvas fest (8×8 bis 64×64) und wählen Sie eine Farbe aus der Palette oder geben Sie einen eigenen Hex-Wert ein.
2. Klicken oder ziehen Sie auf dem Raster, um Pixel zu setzen. Nutzen Sie den Radierer zum Entfernen, den Fülleimer für große Flächen oder den Spiegelmodus für symmetrische Designs.
3. Exportieren Sie Ihr fertiges Kunstwerk als PNG in der gewünschten Auflösung — von 1× (Originalpixel) bis 16× für gestochen scharfe, hochskalierte Sprites.

Wann verwenden

• Charakter-Sprites, Tilesets oder Item-Icons für ein Indie-Game-Projekt zeichnen.
• Kleine UI-Icons oder Favicons gestalten, die bei 16×16 oder 32×32 scharf bleiben müssen.
• Profil-Avatare oder Chat-Emotes im retro 8-Bit- oder 16-Bit-Stil basteln.

Ergebnis

Ein Spieleentwickler erstellt einen 16×16-Charakter-Sprite für einen Retro-Plattformer, nutzt den Spiegelmodus für eine symmetrische Figur und exportiert das Ergebnis mit 8-facher Skalierung als 128×128-PNG.

Häufige Fragen

Warum sieht meine exportierte PNG verschwommen aus, wenn ich sie öffne?

Der Export skaliert per Nearest Neighbor, aber viele Bildbetrachter glätten Pixel beim Zoomen automatisch. Die Datei selbst ist pixelgenau — öffnen Sie sie in einem Malprogramm oder schalten Sie die Interpolation im Viewer ab, dann kommen die harten Kanten zurück.

Kann ich ein bestehendes Bild importieren und auf Pixel-Ebene bearbeiten?

Nicht direkt — das Tool startet von einem leeren Raster. Zum Nachzeichnen öffnen Sie das Referenzbild in einem zweiten Tab neben dem Editor. Eine Import-als-Referenz-Funktion ist für ein späteres Update vorgesehen.

Welche Rastergröße passt für ein Charakter-Sprite?

16×16 ist die klassische NES-Größe und reicht für kleine Maskottchen. 32×32 bietet mehr Platz für Gesichtsdetails und kommt SNES-Sprites nahe. 64×64 erlaubt Porträts, dauert aber Stunden zum manuellen Füllen.

Kann ich 4-fache Symmetrie bekommen, nicht nur links-rechts?

Ja — schalten Sie Spiegel X und Spiegel Y gleichzeitig ein. Jeder Strich wird dann an der vertikalen und der horizontalen Mittellinie gespiegelt, was 4-fache Symmetrie ergibt. Spiegel X allein passt zu frontalen Charakteren, Spiegel Y allein zu gestapelten Mustern oder Bodenfliesen, beide zusammen zu kaleidoskopartigen Formen und Icons.

Wie mache ich mehrere Schritte rückgängig oder wieder her?

Drücken Sie Strg+Z (oder Cmd+Z auf dem Mac) mehrfach zum Rückgängigmachen und Strg+Y (oder Strg+Umschalt+Z) zum Wiederholen. Die Historie speichert die letzten 50 Strichgruppen, ein einzelnes Ziehen zählt als ein Schritt, nicht als ein Schritt pro Pixel.

Ähnliche Tools