Een pixelartspritesheet omzetten in een geanimeerde GIF voor je Divoom-display komt neer op drie stappen: kies een tool om de frames te splitsen, stel de GIF-afmetingen exact af op het ledpaneel van je apparaat en importeer het resultaat via de Divoom-app. Of je nu werkt met een Pixoo-64 met een raster van 64x64, een Pixoo Max met een paneel van 128x128 of een Ditoo-Pro met een resolutie van 16x16: de werkwijze is hetzelfde — alleen het doel aantal pixels verandert.
Je hebt al tijd besteed aan het tekenen van elk frame van je spritesheet. Nu wil je de animatie op een fysiek display bekijken. Het goede nieuws is dat tools zoals Aseprite, Piskel en zelfs gratis onlineconverters dit werk kunnen doen. Waar het vaak misgaat, zijn de exportinstellingen: een GIF die perfect wordt afgespeeld op een computerscherm werkt stilzwijgend niet op een Divoom-apparaat als de afmetingen, het aantal frames of de bestandsgrootte niet kloppen.
In de video hierboven zie je hoe pixelart eruitziet op een Divoom-display in een echte bureauopstelling. In de rest van dit artikel doorlopen we de specifieke stappen om je spritesheet van een statische PNG om te zetten in een geanimeerde GIF die je apparaat kan afspelen.
Wat je nodig hebt voordat je begint
Voordat je een tool opent, moet je ervoor zorgen dat je deze vier dingen bij de hand hebt:
- Een spritesheet in PNG-formaat. De frames moeten in een horizontale rij of een gelijkmatig raster zijn gerangschikt, waarbij elk frame dezelfde breedte en hoogte in pixels heeft.
- Een tool voor pixelanimaties. Aseprite, Piskel of een onlineconverter zoals ezgif.com. De keuze hangt ervan af of je een volledige editor of een eenmalige conversie wilt.
- Je Divoom-apparaat en de nieuwste versie van de Divoom-app. De app verzorgt de overdracht van je telefoon naar het display via Bluetooth of wifi.
- De schermresolutie van je apparaat. Dit is het allerbelangrijkste getal. De GIF moet hier exact mee overeenkomen.
Stap 1 — Kies je tool voor spritesheets
Aseprite
Aseprite is de populairste tool voor pixelartanimaties in de indiegame- en pixelartcommunity. Het kost ongeveer $20, maar biedt volledige controle over frametiming, onion skinning en paletbeheer.
Een spritesheet importeren: Open Aseprite, ga naar File → Import Sprite Sheet, selecteer je PNG-bestand en voer de framebreedte en -hoogte in. Aseprite splitst het vel op in afzonderlijke frames op de tijdlijn.
Exporteren als GIF: Ga naar Bestand → Exporteren, kies GIF als indeling, stel de frameduur in (in milliseconden) en klik op Exporteren. Het uitvoerbestand is een standaard-GIF89a dat de Divoom-app kan lezen.
Piskel
Piskel is een gratis, browsergebaseerde pixelarteditor die draait op piskelapp.com. Je hoeft niets te installeren, waardoor dit een goede optie is als je dit maar één keer hoeft te doen.
Een spritesheet importeren: Klik op het importpictogram, kies "Importeren uit bestand" of "Importeren vanaf URL" en stel vervolgens de framegrootte in. Piskel splitst de sheet automatisch op in frames.
Exporteren als GIF: Klik op Exporteren → GIF, pas de schuifregelaar voor de framesnelheid aan en stel de schaal in. Download het bestand wanneer het klaar is.
Online converters
Als je geen volledige animatie-editor nodig hebt en alleen een PNG-spritesheet naar een GIF wilt converteren, is ezgif.com/sprite-sheet-to-gif de meest flexibele optie. Upload je PNG, voer de framebreedte en -hoogte in, stel de frameduur in en klik op "Een GIF maken". Je hebt geen account nodig.
Stap 2 — Stel de juiste pixelafmetingen voor Divoom in
Hier mislukken de meeste conversies. Elk Divoom-apparaat heeft een vast ledpaneel en je GIF moet exact overeenkomen met de resolutie van dat paneel. Een GIF van 256x256 wordt niet correct weergegeven op een Pixoo-64 van 64x64 zonder deze eerst te verkleinen.
| Apparaat | Schermresolutie | GIF-pixelgrootte | Verbinding |
|---|---|---|---|
| Pixoo-64 | 64 x 64 LED | 64 x 64 px | Wifi + Bluetooth |
| Pixoo Max | 128 x 128 LED | 128 x 128 px | Wifi + Bluetooth |
| Ditoo-Pro | 16 x 16 LED | 16 x 16 px | Bluetooth |
De belangrijkste regel: wijzig het formaat van de GIF naar de native resolutie van het apparaat voordat je exporteert. Als je spritesheetframes 32x32 zijn en je ze voor een Pixoo-64 maakt, schaal ze dan op naar 64x64 met interpolatie volgens de methode nearest-neighbor (niet bilineair of bicubisch, omdat die pixelart onscherp maken). De meeste pixelartprogramma's gebruiken standaard nearest-neighbor, maar controleer deze instelling voor de zekerheid.
Het canvas van 64x64 van de Pixoo-64 is het meest veelzijdige formaat voor spritesheetanimaties binnen het Divoom-assortiment.Stap 3 — Exportinstellingen die werken
Zodra de frames zijn uitgesneden en van formaat zijn veranderd, bepalen de exportinstellingen of de Divoom-app het bestand accepteert. Dit zijn de instellingen die consistent werken:
- Pixelafmetingen: Exact afgestemd op je apparaat (64x64, 128x128 of 16x16).
- Framesnelheid: 8 tot 12 frames per seconde. Pixelartanimaties zien er natuurlijk uit bij lagere framesnelheden en zo blijft het bestand klein.
- Kleurenpalet: Beperk het tot 32 of 64 kleuren. Volledige paletten met 256 kleuren vergroten de bestandsgrootte zonder zichtbare verbetering op ledpanelen.
- Totaal aantal frames: Houd het aantal onder de 30 frames. Meer frames betekenen een groter bestand en de app verwerkt mogelijk alleen het eerste frame als het aantal te hoog is.
- Bestandsgrootte: Streef naar minder dan 5 MB. Bij bestanden groter dan 10 MB kan de overdracht via Bluetooth of wifi een time-out krijgen.
- Indeling: Standaard GIF89a. Exporteer niet als APNG of WebP met een .gif-extensie.
Als je GIF na het exporteren groter is dan 5 MB, open je deze in ezgif.com/optimize en verlaag je het aantal kleuren of verwijder je elk tweede frame. Met deze compressie in twee stappen komt het bestand meestal onder de limiet zonder zichtbaar kwaliteitsverlies.
Stap 4 — De GIF importeren in de Divoom-app
Als het GIF-bestand is opgeslagen in de fotogalerij of bestandsbeheerder van je telefoon, verloopt het importeren eenvoudig:
- Open de Divoom-app op je iOS- of Android-apparaat.
- Selecteer je verbonden apparaat op het startscherm.
- Ga naar de sectie Galerij of Aangepaste kunst.
- Kies "Importeren" of "Toevoegen vanuit album" en selecteer je GIF-bestand.
- Bekijk een voorbeeld van de animatie in de app om te controleren of alle frames correct worden afgespeeld.
- Tik op "Naar apparaat verzenden" en wacht tot de overdracht is voltooid.
Als de animatie op het apparaat wordt afgespeeld, ben je klaar. Als de animatie als een stilstaande afbeelding wordt weergegeven of niet kan worden geïmporteerd, komt dat vrijwel zeker door een van de veelgemaakte fouten hieronder.
Veelgemaakte fouten en hoe je ze oplost
Fout 1: Verkeerde pixelafmetingen
Symptoom: De GIF wordt geüpload, maar lijkt op het apparaat bijgesneden, uitgerekt of onscherp.
Oplossing: Pas het formaat van de GIF vóór het exporteren aan naar de exacte resolutie van het apparaat. Een GIF van 128x128 past niet op een Pixoo-64 van 64x64 zonder eerst te worden verkleind. Gebruik schalen met de nearest-neighbor-methode in je pixelartprogramma om scherpe randen te behouden.
Fout 2: Te veel frames of bestand te groot
Symptoom: De app accepteert het bestand, maar toont alleen het eerste frame, of het uploaden blijft zonder voortgang hangen.
Oplossing: Beperk het aantal frames tot 20 of minder en comprimeer het bestand tot minder dan 5 MB. Verwijder onnodige frames, beperk het kleurenpalet of verhoog de framvertraging iets om de totale gegevensomvang te verkleinen.
Fout 3: Spritesheet niet goed uitgesneden
Symptoom: De GIF-animatie toont verkeerd uitgelijnde frames, extra pixels aan de randen of het verkeerde gedeelte van elk frame.
Oplossing: Controleer of de framebreedte en -hoogte die je tijdens het importeren hebt ingevoerd overeenkomen met de werkelijke indeling van de sprite sheet. Als je sheet 8 frames van 64x64 pixels bevat die horizontaal zijn gerangschikt, moet de totale breedte 512 pixels zijn (8 × 64). Als je de verkeerde uitsnijdingsgrootte invoert, raken alle frames uitgelijnd.
Vergelijking van gratis tools
Hier zie je hoe de vier meest gebruikte tools voor sprite sheets zich vergelijken voor deze specifieke workflow:
| Tool | Prijs | Platform | Ideaal voor |
|---|---|---|---|
| Aseprite | ~$20 | Desktop | Volledige animatiebewerking |
| Piskel | Gratis | Browser | Snelle bewerking in de browser |
| LibreSprite | Gratis | Desktop | Open-sourcealternatief |
| ezgif.com | Gratis | Browser | Eenmalige conversie |
Als je regelmatig pixelkunst maakt, is Aseprite de investering waard vanwege de tijdlijneditor en het paletbeheer. Voor een eenmalige conversie is ezgif.com de snelste manier om van een sprite sheet naar een Divoom-klare GIF te gaan.
Veelgestelde vragen
Kan ik een horizontale of verticale sprite sheet gebruiken?
Ja. Zowel Aseprite als ezgif.com ondersteunen horizontale, verticale en rasterindelingen. Je hoeft de tool alleen te vertellen uit hoeveel kolommen en rijen je sprite sheet bestaat, of de afzonderlijke framebreedte en -hoogte in te voeren.
Welke framesnelheid werkt het best voor pixelanimaties op Divoom?
8 tot 12 frames per seconde is ideaal voor pixelkunst op ledschermen. Een lagere framesnelheid houdt het bestand klein en ziet er natuurlijk uit voor pixelkunst. Een hogere framesnelheid vergroot de bestandsgrootte zonder zichtbare verbetering op een paneel van 64x64 of 16x16.
Kan ik op de Pixoo-64 een GIF gebruiken die groter is dan 64x64?
Nee. De Pixoo-64 heeft een fysiek ledpaneel van 64x64. Je GIF moet exact 64x64 pixels zijn om correct te worden weergegeven. Pas het formaat aan voordat je de GIF exporteert vanuit je animatietool.
Waar kan ik de officiële producthandleiding van Divoom vinden?
De officiële producthandleiding van Divoom is beschikbaar op divoom.com/pages/product-manual. Als je probleem met het importeren van GIF's aanhoudt nadat je de bovenstaande stappen hebt gevolgd, bevat de handleiding mogelijk apparaatspecifieke oplossingen.
Zodra je sprite-sheet-GIF op je Divoom-display wordt afgespeeld, kun je meer opties voor aangepaste kunst ontdekken in onze uitgebreide handleiding voor het uploaden van aangepaste kunst naar Divoom. Als het importeren mislukt en je problemen moet oplossen, behandelt onze handleiding voor het oplossen van problemen met GIF-import de meest voorkomende oorzaken. Bekijk voor meer displayopties de collectie pixeldisplays.
