Understanding Pixel Art
If you’ve used AI to generate “pixel art,” it probably looks great at a glance. But zoom in and you’ll see it’s not quite what it seems. This guide explains the difference between real and AI-generated pixel art, why it matters for your workflow, and how to convert your images.
The Zoom Test
From a distance, real pixel art and AI-generated pixel art can look identical. The difference only becomes obvious when you zoom in. Below is the same character — on the left, an AI-generated image. On the right, the same character converted to true pixel art.
The key difference: In true pixel art, every pixel is exactly one flat color. There are no gradients, no fuzzy edges, no in-between colors. The AI image has over 10,000 unique colors — real pixel art of this same character uses around 24.
Why Does This Matter?
It’s not just a technical detail — the difference affects everything downstream:
- Animation quality — Our pixel-engine animation models are trained on real pixel art. Feed them noisy AI art and you get noisy, inconsistent results. Clean input = clean output.
- Game engine rendering — Games scale pixel art with nearest-neighbor filtering, which preserves hard edges. Anti-aliased “pixel art” looks blurry and wrong when scaled up in-engine.
- Palette control — Real pixel art uses a small, intentional palette. AI art uses thousands of slightly-different colors that make editing, palette swapping, and consistency across a spritesheet nearly impossible.
Pixel Art or High Detail: Size Decides
You don’t choose a mode. On the Animate and Keyframes tabs, an image 256 × 256 px or smaller animates as pixel art, with a true pixel grid and a fixed palette. A larger image animates in high detail: a smooth, full-resolution animation. This replaces the old Pixel / Detailed setting.
Want Pixel Art From a Large Image?
A large image animates in high detail. To get pixel art instead, make it pixel art first.
Option 1: Pixelate Your Image
The Pixelate tab converts any image into true pixel art. It detects the pixel grid, removes noise and anti-aliasing, downscales to the native resolution, and reduces the color palette — all in one step.
- Go to the Pixelate tab and select your image from the library or upload a new one.
- Adjust the color count — 24 is a good default. Lower values (8–16) give a more retro feel; higher values (32–64) preserve more detail.
- Hit Pixelate — the result saves to your library, ready for animation.
Option 2: Animate It As-Is
If you don’t need pixel art output, just pick the image on the Animate tab. A large image animates in high detail automatically. Animate takes PNG or JPEG.
Tips for Best Results
- Don’t over-reduce colors — too few colors will merge details together. Start with 24 and adjust down if you want a more restricted palette.
- Transparent backgrounds are preserved. If your source has a transparent background, the pixelated version will too.
- Already pixel art? Then you don’t need to pixelate it. Pixel art 256 px or smaller animates as pixel art as it is.
Next Steps
Once your image is pixelated, head to the Animate tab to bring it to life. See the Animation Guide for tips on prompting, frame counts, and starting poses.