Jetzt zeichnen

Online-Editor für Pixel-Art & Sprites

Zeichne Sprites, animiere sie Bild für Bild und exportiere sie als PNG, GIF oder Spritesheet – direkt im Browser.

Alles, was du brauchst – nichts, was du nicht brauchst

Zeichenwerkzeuge

Stift, Radierer, Linie, Kreis, Rechteck, Fülleimer, Pipette und Lasso-Auswahl. Einstellbare Pinselgrößen von 1 bis 64 Pixel. Spiegelzeichnen entlang der X- und Y-Achse für symmetrische Sprites.

Bild-für-Bild-Animation

Erstelle animierte Sprites mit bis zu 100 Frames. Die Zwiebelschicht zeigt vorherige und nächste Frames als Orientierung. Stelle eigene Bildraten ein und sieh dir deine Animation in Echtzeit an.

Ebenen

Organisiere deine Arbeit in Ebenen und verschachtelten Gruppen. Ebenen duplizieren, umsortieren, umbenennen und ein- oder ausblenden. Jede Ebene hat eigene Frame-Clips für komplexe Animationen.

Überall exportieren

Exportiere deine Arbeit als PNG-Bilder, animierte GIFs, Spritesheets oder – in unterstützten Browsern – als MP4-Video. Exporte lassen sich von 1x bis 64x skalieren. Bereit für Game-Engines wie Unity, Godot oder GameMaker.

Farbpaletten

Eingebaute Paletten inklusive NES-Farben sowie eigene Paletten, die du speichern und bearbeiten kannst. Farben mit RGB- oder HSL-Reglern auswählen. Pipette zum Aufnehmen jeder Farbe auf der Leinwand.

Sofort teilen

Erstelle mit einem Klick einen Freigabelink für deine Animation. Kein Konto nötig. Empfänger können deine Sprite-Animation direkt im Browser ansehen und abspielen.

So zeichnest du Pixel-Art

  1. Wähle eine kleine Leinwand. 16x16 oder 32x32 ist eine klassische Größe für Figuren, Gegenstände und Icons.
  2. Zeichne die Silhouette. Umreiße die Form mit einem 1-Pixel-Stift und einer einzigen dunklen Farbe.
  3. Fülle die Grundfarben. Nutze das Füllwerkzeug und eine begrenzte Palette – für den Anfang reichen 4–8 Farben.
  4. Setze Licht und Schatten. Lege eine Lichtrichtung fest: auf der Schattenseite einen dunkleren Ton, auf der beleuchteten Seite einen helleren.
  5. Exportiere. Speichere ein PNG in 4x oder 8x, damit jeder Pixel scharf bleibt.

Pixel-Animation

Füge Frames hinzu, schalte die Zwiebelschicht ein und zeichne die Bewegung Schritt für Schritt. Für eine Idle-Animation reichen 2–4 Frames, ein Laufzyklus braucht meist 4–8. Etwa 8–12 Bilder pro Sekunde wirken meist natürlich. Lade die fertige Animation als GIF, Spritesheet oder MP4-Video herunter.

Für Schulen und Chromebooks

SpritePaint läuft vollständig im Browser und funktioniert daher auf Schulcomputern und Chromebooks – ohne Installation und ohne Konten.

So funktioniert es

1

Leinwandgröße wählen

Von 2x2 bis 500x500. Übliche Größen: 16x16, 32x32, 64x64.

2

Sprite zeichnen

Verwende Stift, Formen und Füllung. Füge Ebenen für Charaktere, Hintergründe und Effekte hinzu.

3

Animieren

Frames hinzufügen, Zwiebelschicht nutzen, Vorschau in beliebiger Geschwindigkeit.

4

Exportieren & teilen

Als PNG, GIF oder Spritesheet herunterladen — oder per Link teilen.

Häufig gestellte Fragen

Ist SpritePaint wirklich kostenlos?

Ja, komplett kostenlos. Keine versteckten Gebühren, keine Wasserzeichen beim Export, kein Konto erforderlich.

Muss ich etwas herunterladen?

Nein. SpritePaint läuft vollständig im Browser — Chrome, Firefox, Safari und Edge auf Windows, Mac, Linux und Chromebook.

Welche Exportformate werden unterstützt?

PNG-Bilder, animierte GIFs, Spritesheets und – in unterstützten Browsern – MP4-Videos. Jeder Export lässt sich von 1x bis 64x skalieren.

Kann ich animierte Sprites erstellen?

Ja! Bis zu 100 Frames mit Zwiebelschicht. Export als GIF oder Spritesheet für Game-Engines wie Unity, Godot oder GameMaker.

Wird meine Arbeit gespeichert?

Deine Arbeit wird automatisch im Browser gespeichert. Du kannst auch als .spritepaint-Datei speichern, um ein Backup zu erstellen oder zwischen Computern zu übertragen.

Welche Leinwandgrößen kann ich verwenden?

Von 2x2 bis 500x500 Pixel. Beliebte Sprite-Größen: 8x8, 16x16, 32x32, 64x64. Die Größe lässt sich jederzeit ändern, und du entscheidest, ob deine Zeichnung an die neue Größe angepasst wird.

Bereit loszulegen?

Schließ dich Tausenden von Pixel-Art-Künstlern an. In Sekunden mit dem Zeichnen beginnen.

SpritePaint öffnen