Die Umwandlung eines Pixel-Art-Sprite-Sheets in ein animiertes GIF für Ihr Divoom-Display läuft auf drei Schritte hinaus: Wählen Sie ein Tool zum Aufteilen der Frames, legen Sie die GIF-Abmessungen exakt passend zum LED-Panel Ihres Geräts fest und importieren Sie das Ergebnis über die Divoom-App. Unabhängig davon, ob Sie mit einem Pixoo-64 und seinem 64x64-Raster, einem Pixoo Max mit einem 128x128-Panel oder einem Ditoo-Pro mit 16x16 arbeiten, der Ablauf ist derselbe — nur die Zielanzahl der Pixel ändert sich.
Sie haben bereits Zeit damit verbracht, jeden Frame Ihres Sprite-Sheets zu zeichnen. Jetzt möchten Sie sehen, wie es auf einem physischen Display animiert wird. Die gute Nachricht ist, dass Tools wie Aseprite, Piskel und sogar kostenlose Online-Konverter diese Aufgabe übernehmen können. Schwierigkeiten bereiten oft die Exporteinstellungen, denn ein GIF, das auf einem Computerbildschirm perfekt abgespielt wird, kann auf einem Divoom-Gerät stillschweigend fehlschlagen, wenn Abmessungen, Frame-Anzahl oder Dateigröße nicht stimmen.
Das obige Video zeigt, wie Pixel Art auf einem Divoom-Display in einer echten Schreibtischumgebung aussieht. Im weiteren Verlauf dieses Artikels wird Schritt für Schritt erklärt, wie Sie Ihr Sprite-Sheet von einer statischen PNG-Datei in ein animiertes GIF umwandeln, das Ihr Gerät abspielen kann.
Was Sie vor dem Start benötigen
Bevor Sie ein Tool öffnen, stellen Sie sicher, dass Sie diese vier Dinge vorbereitet haben:
- Ein Sprite-Sheet im PNG-Format. Die Frames sollten in einer horizontalen Reihe oder einem gleichmäßigen Raster angeordnet sein, wobei jeder Frame dieselbe Breite und Höhe in Pixeln haben sollte.
- Ein Tool für Pixel-Animationen. Aseprite, Piskel oder ein Online-Konverter wie ezgif.com. Die Wahl hängt davon ab, ob Sie einen vollständigen Editor oder nur eine einmalige Konvertierung benötigen.
- Ihr Divoom-Gerät und die neueste Version der Divoom-App. Die App überträgt die Inhalte per Bluetooth oder WLAN von Ihrem Smartphone auf das Display.
- Die Bildschirmauflösung Ihres Geräts. Dies ist die wichtigste Zahl. Das GIF muss exakt mit ihr übereinstimmen.
Schritt 1 — Wählen Sie Ihr Sprite-Sheet-Tool
Aseprite
Aseprite ist das beliebteste Tool für Pixel-Art-Animationen in der Indie-Gaming- und Pixel-Art-Community. Es kostet etwa 20 $, bietet Ihnen aber vollständige Kontrolle über das Timing der Frames, Onion-Skinning und die Palettenverwaltung.
So importieren Sie ein Sprite-Sheet: Öffnen Sie Aseprite, gehen Sie zu Datei → Sprite-Sheet importieren, wählen Sie Ihre PNG-Datei aus und geben Sie die Breite und Höhe der Frames ein. Aseprite teilt das Sheet in einzelne Frames auf der Zeitleiste auf.
Als GIF exportieren: Gehen Sie zu Datei → Exportieren, wählen Sie GIF als Format, legen Sie die Bildverzögerung (in Millisekunden) fest und klicken Sie auf Exportieren. Die Ausgabedatei ist ein standardmäßiges GIF89a, das die Divoom-App lesen kann.
Piskel
Piskel ist ein kostenloser, browserbasierter Pixel-Art-Editor, der ausgeführt wird unter piskelapp.com. Keine Installation erforderlich, daher ist es eine gute Option, wenn Sie dies nur einmal tun müssen.
Sprite-Sheet importieren: Klicken Sie auf das Importsymbol, wählen Sie „Import from file“ oder „Import from URL“ und legen Sie anschließend die Einzelbildgröße fest. Piskel teilt das Sheet automatisch in Einzelbilder auf.
Als GIF exportieren: Klicken Sie auf Export → GIF, passen Sie den Bildratenregler an und legen Sie die Skalierung fest. Laden Sie die Datei herunter, sobald sie fertig ist.
Online-Konverter
Wenn Sie keinen vollständigen Animationseditor benötigen und lediglich eine Sprite-Sheet-PNG-Datei in ein GIF konvertieren möchten, ist ezgif.com/sprite-sheet-to-gif die flexibelste Option. Laden Sie Ihre PNG-Datei hoch, geben Sie die Breite und Höhe der Einzelbilder ein, legen Sie die Bildverzögerung fest und klicken Sie auf „Make a GIF“. Kein Konto erforderlich.
Schritt 2 — Die richtigen Pixelabmessungen für Divoom festlegen
Hier scheitern die meisten Konvertierungen. Jedes Divoom-Gerät verfügt über ein festes LED-Panel, und Ihr GIF muss exakt der Panelauflösung entsprechen. Ein 256x256 großes GIF wird auf einem 64x64 großen Pixoo-64 nicht korrekt angezeigt, wenn es nicht vorher skaliert wurde.
| Gerät | Bildschirmauflösung | GIF-Pixelgröße | Verbindung |
|---|---|---|---|
| Pixoo-64 | 64 x 64 LED | 64 x 64 px | WLAN + Bluetooth |
| Pixoo Max | 128 x 128 LED | 128 x 128 px | WLAN + Bluetooth |
| Ditoo-Pro | 16 x 16 LED | 16 x 16 px | Bluetooth |
Die entscheidende Regel: Skalieren Sie das GIF vor dem Export auf die native Auflösung des Geräts. Wenn die Einzelbilder Ihres Sprite-Sheets 32x32 groß sind und Sie ein Pixoo-64 verwenden, skalieren Sie sie mithilfe der Nearest-Neighbor-Interpolation auf 64x64 (nicht bilinear oder bikubisch, da diese Verfahren Pixel-Art unscharf machen). Die meisten Pixel-Art-Programme verwenden standardmäßig Nearest Neighbor, aber überprüfen Sie die Einstellung sicherheitshalber.
Die 64x64 große Arbeitsfläche des Pixoo-64 ist die vielseitigste Größe für Sprite-Sheet-Animationen innerhalb der Divoom-Produktreihe.Schritt 3 — Funktionierende Exporteinstellungen
Sobald die Einzelbilder zugeschnitten und skaliert sind, entscheiden die Exporteinstellungen darüber, ob die Divoom-App die Datei akzeptiert. Hier sind die Einstellungen, die zuverlässig funktionieren:
- Pixelabmessungen: Genau an Ihr Gerät anpassen (64x64, 128x128 oder 16x16).
- Bildrate: 8 bis 12 Bilder pro Sekunde. Pixel-Art-Animationen wirken bei niedrigeren Bildraten natürlich, und die Datei bleibt dadurch klein.
- Farbpalette: Auf 32 oder 64 Farben reduzieren. Vollständige 256-Farben-Paletten erhöhen die Dateigröße, ohne eine sichtbare Verbesserung auf LED-Panels zu bieten.
- Gesamtzahl der Einzelbilder: Halte die Anzahl unter 30. Mehr Einzelbilder bedeuten eine größere Datei, und die App verarbeitet möglicherweise nur das erste Einzelbild, wenn die Anzahl zu hoch ist.
- Dateigröße: Ziel ist eine Größe von unter 5 MB. Bei Dateien über 10 MB kann die Übertragung per Bluetooth oder WLAN möglicherweise wegen einer Zeitüberschreitung abbrechen.
- Format: Standard-GIF89a. Nicht als APNG oder WebP mit der Dateiendung .gif exportieren.
Wenn dein GIF nach dem Export größer als 5 MB ist, öffne es auf ezgif.com/optimize und reduziere die Farbanzahl oder entferne jedes zweite Einzelbild. Diese zweistufige Komprimierung bringt die Datei normalerweise ohne sichtbaren Qualitätsverlust unter das Limit.
Schritt 4 — GIF in die Divoom-App importieren
Wenn die GIF-Datei in der Fotogalerie oder im Dateimanager deines Telefons gespeichert ist, gestaltet sich der Import unkompliziert:
- Öffne die Divoom-App auf deinem iOS- oder Android-Gerät.
- Wähle auf dem Startbildschirm dein verbundenes Gerät aus.
- Navigiere zum Bereich „Galerie“ oder „Eigene Grafiken“.
- Wähle „Importieren“ oder „Aus Album hinzufügen“ und wähle deine GIF-Datei aus.
- Sieh dir eine Vorschau der Animation in der App an, um zu bestätigen, dass alle Einzelbilder korrekt abgespielt werden.
- Tippe auf „An Gerät senden“ und warte, bis die Übertragung abgeschlossen ist.
Wenn die Animation auf dem Gerät abgespielt wird, bist du fertig. Wenn sie als statisches Bild angezeigt wird oder sich nicht importieren lässt, liegt fast sicher einer der folgenden häufigen Fehler vor.
Häufige Fehler und ihre Behebung
Fehler 1: Falsche Pixelabmessungen
Symptom: Das GIF wird hochgeladen, erscheint auf dem Gerät aber zugeschnitten, verzerrt oder unscharf.
Lösung: Ändere die Größe des GIFs vor dem Export auf die exakte Auflösung des Geräts. Ein 128x128-GIF passt nicht auf ein 64x64 Pixoo-64, ohne vorher skaliert zu werden. Verwende in deinem Pixel-Art-Programm die Skalierung mit dem nächsten Nachbarn, damit scharfe Kanten erhalten bleiben.
Fehler 2: Zu viele Einzelbilder oder Datei zu groß
Symptom: Die App akzeptiert die Datei, zeigt aber nur das erste Einzelbild an, oder der Upload bleibt ohne Fortschrittsanzeige hängen.
Lösung: Reduziere die Anzahl der Einzelbilder auf höchstens 20 und komprimiere die Datei auf unter 5 MB. Entferne unnötige Einzelbilder, reduziere die Farbpalette oder erhöhe die Einzelbildverzögerung leicht, um die Gesamtdatenmenge zu verringern.
Fehler 3: Sprite-Sheet nicht korrekt zugeschnitten
Symptom: Die GIF-Animation zeigt nicht korrekt ausgerichtete Einzelbilder, zusätzliche Pixel an den Rändern oder den falschen Ausschnitt jedes Einzelbilds.
Fehlerbehebung: Überprüfen Sie, ob die im Importschritt eingegebene Frame-Breite und -Höhe mit dem tatsächlichen Layout des Sprite-Sheets übereinstimmen. Wenn Ihr Sheet 8 Frames mit jeweils 64×64 Pixeln enthält, die horizontal angeordnet sind, sollte die Gesamtbreite 512 Pixel betragen (8 × 64). Die Eingabe einer falschen Schnittgröße verschiebt alle Frames und führt zu einer falschen Ausrichtung.
Vergleich kostenloser Tools
Hier sehen Sie, wie die vier gängigsten Sprite-Sheet-Tools für diesen speziellen Workflow im Vergleich abschneiden:
| Tool | Preis | Plattform | Am besten geeignet für |
|---|---|---|---|
| Aseprite | ~$20 | Desktop | Umfassende Animationsbearbeitung |
| Piskel | Kostenlos | Browser | Schnelle Bearbeitung im Browser |
| LibreSprite | Kostenlos | Desktop | Open-Source-Alternative |
| ezgif.com | Kostenlos | Browser | Einmalige Konvertierung |
Wenn Sie regelmäßig Pixel-Art erstellen, lohnt sich die Investition in Aseprite aufgrund des Zeitleisten-Editors und der Palettenverwaltung. Für eine einmalige Konvertierung ist ezgif.com der schnellste Weg vom Sprite-Sheet zu einem Divoom-kompatiblen GIF.
Häufig gestellte Fragen
Kann ich ein horizontales oder vertikales Sprite-Sheet verwenden?
Ja. Sowohl Aseprite als auch ezgif.com unterstützen horizontale, vertikale und Rasterlayouts. Sie müssen dem Tool nur mitteilen, wie viele Spalten und Zeilen Ihr Sheet hat, oder die individuelle Breite und Höhe der Frames eingeben.
Welche Bildrate eignet sich am besten für Divoom-Pixel-Animationen?
8 bis 12 Bilder pro Sekunde sind der optimale Bereich für Pixel-Art auf LED-Displays. Niedrigere Bildraten halten die Datei klein und wirken bei Pixel-Art natürlich. Höhere Bildraten vergrößern die Datei, ohne auf einem 64×64- oder 16×16-Panel eine sichtbare Verbesserung zu bieten.
Kann ich auf dem Pixoo-64 ein GIF verwenden, das größer als 64×64 ist?
Nein. Das Pixoo-64 verfügt über ein physisches 64×64-LED-Panel. Ihr GIF muss genau 64×64 Pixel groß sein, damit es korrekt angezeigt wird. Ändern Sie die Größe, bevor Sie es aus Ihrem Animationstool exportieren.
Wo finde ich das offizielle Divoom-Produkthandbuch?
Das offizielle Divoom-Produkthandbuch ist unter divoom.com/pages/product-manual verfügbar. Wenn Ihr Problem mit dem GIF-Import nach Befolgen der oben genannten Schritte weiterhin besteht, enthält das Handbuch möglicherweise gerätespezifische Hinweise zur Fehlerbehebung.
Sobald Ihr Sprite-Sheet-GIF auf Ihrem Divoom-Display abgespielt wird, können Sie in unserem vollständigen Leitfaden zum Hochladen eigener Grafiken auf Divoom weitere Optionen für individuelle Grafiken entdecken. Wenn der Import fehlschlägt und Sie Hilfe bei der Fehlerbehebung benötigen, behandelt unser Leitfaden zur Fehlerbehebung beim GIF-Import die häufigsten Fehlerquellen. Weitere Display-Optionen finden Sie in der Kollektion der Pixel-Displays.
