Pixel Art Maker: Pixel-Art online zeichnen
Raster wählen, Farbe antippen und Pixel für Pixel zeichnen – mit Maus, Finger oder Stift. Fertig? Als PNG mit transparentem Hintergrund speichern, 1- bis 32-fach vergrößert. Alles läuft in Ihrem Browser, nichts wird hochgeladen.
So wird gerechnet
Pixel-Art ist Grafik, bei der jedes einzelne Pixel bewusst gesetzt wird – bekannt aus Spielen der 8- und 16-Bit-Ära, aber auch heute beliebt für Icons, Emojis, Sprites, Avatare und Stickvorlagen. Dieser Pixel Art Maker ist ein schlanker Editor direkt im Browser: kein Konto, keine Installation, kein Upload.
So funktioniert's
- Rastergröße wählen: 8 × 8 für Mini-Icons, 16 × 16 oder 32 × 32 für klassische Sprites, bis 64 × 64 für detailreichere Motive. Beim Wechsel bleibt der Inhalt oben links erhalten.
- Farbe aus der Palette antippen oder über das Farbfeld eine eigene wählen.
- Zeichnen: Stift setzt Pixel, Radierer macht sie wieder transparent, der Fülleimer färbt eine zusammenhängende Fläche gleicher Farbe, die Pipette übernimmt eine Farbe aus dem Bild, die Linie zieht eine gerade Pixellinie vom Start- zum Endpunkt.
- Spiegeln einschalten, um symmetrisch zu zeichnen – ideal für Figuren, Gesichter und Icons. Die rote Linie zeigt die Spiegelachse.
- Als PNG herunterladen: Vergrößerung wählen (1× bis 32×) und speichern. Nicht bemalte Pixel sind transparent.
Warum vergrößert exportieren?
Ein 16 × 16-Bild ist in Originalgröße winzig. Vergrößern Sie es später in einem Bildprogramm, wird es oft weichgezeichnet und unscharf. Der Export hier vergrößert jedes Pixel zu einem exakten Block (z. B. 16 × 16 bei 16×) – die Kanten bleiben hart und scharf. Für Spiele-Engines, die selbst skalieren, nehmen Sie 1×; für Social Media, Präsentationen oder Druck eher 16× oder 32×.
Technik und ehrliche Grenzen
- Ein Bild mit einer Ebene – keine Ebenen, keine Animation (GIF/Sprite-Sheet) und kein Import vorhandener Bilder.
- Der Fülleimer füllt nur waagerecht und senkrecht verbundene Pixel (diagonale Lücken halten ihn auf); die Linie nutzt den klassischen Bresenham-Algorithmus.
- Rückgängig reicht bis zu 100 Schritte zurück, solange die Seite offen ist.
- Die größte Ausgabe ist 64 × 32 = 2.048 Pixel Kantenlänge.
Datenschutz
Die Zeichnung entsteht und bleibt in Ihrem Browser – es gibt keinen Server, an den sie gesendet wird. Damit nichts verloren geht, merkt sich der Editor Ihren Entwurf im lokalen Speicher dieses Browsers (localStorage, Schlüssel pixelart:v1). „Alles löschen“ entfernt ihn; alternativ leeren Sie die Websitedaten im Browser.
Weiterarbeiten: Aus Ihrem Pixel-Motiv wird mit dem Favicon-Generator ein Website-Icon, Bildgröße ändern passt das PNG an Vorgaben an, und der Farbpaletten-Generator liefert passende Farben. Vektorgrafiken wandeln Sie mit SVG in PNG um.
Häufige Fragen
Wie erstelle ich Pixel-Art online?
Rastergröße wählen (z. B. 16 × 16), Farbe antippen und mit dem Stift Pixel setzen. Flächen füllt der Fülleimer, gerade Kanten zieht das Linien-Werkzeug. Zum Schluss „Als PNG herunterladen“ klicken.
Ist der Pixel Art Maker kostenlos?
Ja, ohne Anmeldung, ohne Wasserzeichen und ohne Begrenzung der Downloads. Das fertige Bild gehört Ihnen.
Welche Größe ist gut für Pixel-Art?
16 × 16 und 32 × 32 sind die Klassiker für Spielfiguren und Icons. 8 × 8 zwingt zu sehr einfachen Formen, 64 × 64 erlaubt Details, braucht aber deutlich mehr Zeit. Für den Anfang ist 16 × 16 ideal.
Wie speichere ich Pixel-Art mit transparentem Hintergrund?
Alle nicht bemalten Pixel sind transparent (Schachbrettmuster). Der PNG-Export übernimmt diese Transparenz automatisch. Radierte Pixel werden ebenfalls wieder transparent.
Wie vergrößere ich Pixel-Art, ohne dass es unscharf wird?
Wählen Sie vor dem Download eine Vergrößerung (bis 32×). Jedes Pixel wird dann zu einem exakten Farbblock – ohne Weichzeichnen. Nachträgliches Skalieren in anderen Programmen nur mit „Nächster Nachbar“ bzw. „Pixelwiederholung“.
Geht meine Zeichnung verloren, wenn ich die Seite schließe?
Nein. Der Entwurf wird automatisch im lokalen Speicher dieses Browsers gemerkt und beim nächsten Besuch wiederhergestellt – auf demselben Gerät und im selben Browser. Im privaten Modus kann der Browser das verhindern.
Funktioniert der Editor auf Handy und Tablet?
Ja. Sie zeichnen mit dem Finger oder einem Eingabestift; die Zeichenfläche scrollt dabei nicht mit. Für feine Arbeiten bei 48 × 48 oder 64 × 64 ist ein größerer Bildschirm angenehmer.
Kann ich Animationen oder Sprite-Sheets erstellen?
Nein, der Editor erzeugt ein einzelnes Bild. Mehrere Phasen einer Animation können Sie nacheinander zeichnen, einzeln exportieren und in einem Animationsprogramm zusammensetzen.
Quellen und Rechtsgrundlagen
- W3C – Pointer Events Level 3 (Maus, Touch und Stift)
- W3C – Portable Network Graphics (PNG) Specification (Alphakanal/Transparenz)
- MDN – CanvasRenderingContext2D: putImageData()
- MDN – CSS image-rendering: pixelated
- J. E. Bresenham (1965): Algorithm for computer control of a digital plotter, IBM Systems Journal 4(1)
Stand:
Passende Werkzeuge
- Favicon erstellen: aus Bild, Text oder EmojiFavicon erstellen aus Bild, Buchstaben oder Emoji: favicon.ico (16/32/48), Apple-Touch-Icon, PNG 192/512, site.webmanifest und HTML-Code. Ohne Upload.
- SVG in PNG umwandelnSVG in PNG umwandeln im Browser: Größe in Pixeln oder als Faktor wählen, transparenter oder farbiger Hintergrund, bis 20 Dateien als ZIP. Kostenlos.
- Farbpalette-GeneratorAus einer Basisfarbe passende Farben erzeugen: komplementär, analog, triadisch, Quadrat, split-komplementär oder monochrom – mit HEX-, RGB- und HSL-Werten.
- Bildgröße ändernBildgröße online ändern: Breite und Höhe in Pixel oder Prozent, Seitenverhältnis beibehalten oder zuschneiden, Vorlagen für Instagram & YouTube. Ohne Upload.
- Bild komprimieren: Dateigröße verkleinernBilder komprimieren ohne Upload: JPG, PNG, WebP und HEIC verkleinern, bis 20 Bilder auf einmal, auf Wunsch mit Zielgröße in KB und ZIP-Download. Kostenlos.
- Bildformat umwandeln: JPG, PNG, WebP, AVIFBilder umwandeln ohne Upload: PNG in JPG, JPG in PNG, WebP in JPG, HEIC in JPG oder in AVIF – bis 20 Bilder auf einmal, mit ZIP-Download. Kostenlos.