Zum Inhalt springen

Pixel-Art-Editor

Pixelbilder mit Stift und Radierer zeichnen und als transparentes PNG speichern.

Editor

Verarbeitung im Browser.

Mit dem Zeiger zeichnen oder auf der Zeichenfläche Pfeiltasten und Leertaste verwenden.

Vorschau und Export

Vorschau

Pixelbilder zeichnen

Ein quadratisches Raster mit 8, 16, 32 oder 64 Pixeln wählen. Kleine Raster eignen sich für Symbole und Spielkacheln, da jeder Punkt die Silhouette sichtbar beeinflusst. Stift oder Radierer wählen und eine sechsstellige HEX-Farbe eingeben oder das Farbfeld verwenden. Ziehen zeichnet einen durchgehenden Strich. Jeder abgeschlossene Strich ist ein Rückgängig-Schritt.

Das blasse Beispiel verschwindet beim ersten Zeichnen. Oben rechts stehen Rückgängig und Wiederholen, darunter Stift, Radierer und Farbe. Leeren entfernt das Bild. Ein geladenes JSON-Projekt gilt als eigene Arbeit und wird nicht als Beispiel gelöscht.

Vorschau und Transparenz

Vergrößerte Zellen erleichtern genaue Eingaben. Rasterlinien und Schachbrettmuster sind Hilfen und erscheinen nicht im PNG. Der Radierer macht Pixel transparent, statt sie weiß zu färben. Die kleine Vorschau zeigt die tatsächlichen Farben ohne Hilfslinien. Koordinaten beginnen links oben bei x = 0, y = 0.

Für die Tastaturbedienung die Zeichenfläche fokussieren, mit Pfeiltasten navigieren und mit Leertaste oder Eingabetaste malen. Auf Touchscreens zeichnet eine Bewegung innerhalb der Fläche; außerhalb lässt sich die Seite scrollen.

Ein scharfes PNG speichern

Die Download-Größe unter dem Ergebnis wählen und PNG speichern drücken. Die Werte zeigen echte Pixelmaße bei ganzzahliger Vergrößerung ohne Glättung. Das bearbeitbare Raster bleibt unverändert. Rasterlinien markieren Zellen; das separat schaltbare Schachbrett zeigt Transparenz beim Zeichnen. Beides fehlt im transparenten PNG und in der Ergebnisvorschau.

16 × 16 Pixel bei 8× ergeben ein PNG mit 128 × 128 Pixeln. 32 × 32 bei 4× ergeben ebenfalls 128 × 128, haben aber viermal so viele bearbeitbare Zellen. Für die Originalauflösung in einer Spiele-Engine 1× verwenden.

Ein bearbeitbares Original behalten

PNG ist das fertige Bild und der Hauptdownload. Bearbeitbares Projekt (JSON) im Werkzeugkasten nur öffnen, um Quellpixel zu sichern oder zu laden. JSON erhält Raster, Farben und Alpha. Beim Laden wird die ganze Datei vor dem Ersetzen geprüft. Das optionale Projekt ist kein Bildformat und wird für das PNG nicht benötigt.

Akzeptiert wird nur Version 1 dieses Projektformats mit passender Pixelanzahl, gültigen HEX-Farben oder null für Transparenz. Die Grenze liegt bei 100 KB. Ein fehlgeschlagener Import lässt das vorhandene Bild unverändert. Es gibt keine automatische Speicherung zwischen Besuchen; vor dem Schließen oder Sprachwechsel JSON sichern.

Kann ich das Raster vergrößern?

Rechts eine Rastergröße wählen, dann Größe anwenden drücken. Die Auswahl allein ändert nichts. Werden beim Verkleinern bemalte Pixel abgeschnitten, wird eine Bestätigung verlangt; Rückgängig stellt sie wieder her. Vergrößern ergänzt Transparenz und erhält den oberen linken Bereich ohne Strecken. Die Download-Größe steht separat unter dem Ergebnis.

Wie viele Schritte kann ich zurücknehmen?

Die letzten 30 Änderungen bleiben in dieser Registerkarte verfügbar: Striche, Leeren, Größenwechsel und erfolgreiche Importe. Eine neue Bearbeitung nach Rückgängig ersetzt den Wiederholen-Zweig. JSON enthält keinen Verlauf.

Warum sieht das PNG anderswo anders aus?

Die Datei enthält weder Raster, Schachbrettmuster noch Auswahlrahmen. Andere Programme können Transparenz weiß oder schwarz anzeigen und vergrößerte Vorschauen glätten. Bei 100 % oder mit Nächster-Nachbar-Skalierung lassen sich die tatsächlichen Pixel prüfen.

Sind Fotos oder Animationen möglich?

Bearbeitet wird ein einzelnes statisches Bild bis 64 × 64 Pixel. Fotoumwandlung, automatische Palettenreduktion, PNG-Bearbeitungsimport, KI, GIF und Animationen werden nicht unterstützt. Eigene einfache Formen lassen sich als PNG für einen separaten Spritesheet-Ablauf speichern.