--- title: "Fix AI-Generated Sprite Sheets for Your Game" description: "AI sprite sheets come with uneven gaps, solid backgrounds and frames that bob. Cut each frame out, line them up on an even grid, export. Free, in the browser." canonical_url: "https://spritesheetgenerator.online/ai-sprite-sheet-cleanup" meta: author: "Dennis Postma" "og:description": "AI sprite sheets come with uneven gaps, solid backgrounds and frames that bob. Cut each frame out, line them up on an even grid, export. Free, in the browser." "og:image": "https://spritesheetgenerator.online/og-image.png" "og:image:alt": "Spritesheet Generator editor showing sprites arranged on a sheet grid" "og:title": "Fix AI-Generated Sprite Sheets for Your Game" "twitter:image": "https://spritesheetgenerator.online/og-image.png" "twitter:image:alt": "Spritesheet Generator editor showing sprites arranged on a sheet grid" --- > Index of every page on this site: [llms.txt](https://spritesheetgenerator.online/llms.txt) # **Make an AI sprite sheet usable in your game** Image generators draw something that looks like a sprite sheet. Then you try to slice it: the gaps are uneven, the background isn't transparent, and the character drifts from frame to frame. Drop the image here and it comes out as an even grid. This tool doesn't generate art. It fixes the sheet your generator gave you. [Clean up a sheet](https://spritesheetgenerator.online/editor) Drag to compare ## **What goes wrong, and what fixes it** **Gaps between frames are uneven.** Detect sprites finds each frame by its outline instead of a grid, so the spacing the generator picked does not matter. **The background is a solid colour.** Detection reads the background colour from the edges of the image and makes it transparent in every frame it cuts out. **Every frame is a different size.** After import all frames share one cell size, the size of the largest frame. Force Size sets an exact width and height instead. **The character bobs up and down.** Align the frames to the bottom so the feet land on the same row in every cell. Nudge single frames with the per-sprite offset. **One pose has a smudge or an extra finger.** Right-click the frame and open it in the pixel editor. Fix it there and it saves back to the same cell. **There are too many frames.** Play the loop in the Preview tab, hide frames to test a shorter cycle, and delete the ones that do not earn their place. ## **The short version** 1. **1**Drop the generated image on the editor. The Import image dialog opens. 2. **2**Pick Detect sprites and check the count it reports against what you expect. 3. **3**Import, then align to the bottom and set the cell size. 4. **4**Play the loop, fix or delete the frames that break it, and export. ## **Ask the generator for this** A few words in the prompt save most of the cleanup: - A flat, single-colour background such as plain magenta, so detection can tell it apart from the character. - Frames in one row with clear space between them. - The same character size in every frame. Watch for a fake checkerboard. Some generators paint the grey and white squares that mean "transparent" in an editor. Those are real pixels, so detection treats them as part of the sprite. Regenerate with a plain background. ## **Questions** ### ### ### ### More on how detection works on the [**sprite sheet splitter**](https://spritesheetgenerator.online/features/sprite-sheet-splitter) page. ## **Got a sheet that almost works? Drop it in.** [Clean up a sheet](https://spritesheetgenerator.online/editor) ```json {"@context":"https://schema.org","@graph":[{"@id":"https://spritesheetgenerator.online/#website","@type":"WebSite","description":"Free online tool to create spritesheets for game development. Upload sprites, arrange them, and export as a spritesheet with animation preview.","name":"Spritesheet Generator","url":"https://spritesheetgenerator.online/","publisher":{"@id":"https://spritesheetgenerator.online/#identity"}},{"@id":"https://spritesheetgenerator.online/ai-sprite-sheet-cleanup#webpage","@type":"WebPage","description":"AI sprite sheets come with uneven gaps, solid backgrounds and frames that bob. Cut each frame out, line them up on an even grid, export. Free, in the browser.","name":"Fix AI-Generated Sprite Sheets for Your Game","url":"https://spritesheetgenerator.online/ai-sprite-sheet-cleanup","breadcrumb":{"@id":"https://spritesheetgenerator.online/ai-sprite-sheet-cleanup#breadcrumb"},"isPartOf":{"@id":"https://spritesheetgenerator.online/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://spritesheetgenerator.online/ai-sprite-sheet-cleanup"]}],"primaryImageOfPage":{"@id":"https://spritesheetgenerator.online/#logo"}},{"@id":"https://spritesheetgenerator.online/#identity","@type":"Organization","description":"A free, browser based sprite sheet generator for 2D game developers and pixel artists.","name":"Spritesheet Generator","url":"https://spritesheetgenerator.online","logo":{"@id":"https://spritesheetgenerator.online/#logo"},"sameAs":["https://discord.gg/2vvfqwn5k7"]},{"@id":"https://spritesheetgenerator.online/ai-sprite-sheet-cleanup#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://spritesheetgenerator.online","position":1},{"@type":"ListItem","name":"Fix AI Sprite Sheets","item":"https://spritesheetgenerator.online/ai-sprite-sheet-cleanup","position":2}]},{"@id":"https://spritesheetgenerator.online/ai-sprite-sheet-cleanup#/schema/question/1","@type":"Question","inLanguage":"en","name":"Does this tool generate sprites with AI?","acceptedAnswer":{"@type":"Answer","text":"No. It has no image model. You bring a sheet from whichever generator you use, and the editor turns it into evenly spaced frames with a transparent background."}},{"@id":"https://spritesheetgenerator.online/ai-sprite-sheet-cleanup#/schema/question/2","@type":"Question","inLanguage":"en","name":"Is my image uploaded anywhere?","acceptedAnswer":{"@type":"Answer","text":"No. Detection, cutting and export all run in your browser. An image only leaves your machine if you share a link, save to the cloud or publish to the gallery."}},{"@id":"https://spritesheetgenerator.online/ai-sprite-sheet-cleanup#/schema/question/3","@type":"Question","inLanguage":"en","name":"Why does detection split one character into pieces?","acceptedAnswer":{"@type":"Answer","text":"Anything not touching the body counts as a separate sprite: a floating sword, a gap at the waist, a detached shadow. Turn on Merge nearby sprites, or move the slider toward Fewer sprites."}},{"@id":"https://spritesheetgenerator.online/ai-sprite-sheet-cleanup#/schema/question/4","@type":"Question","inLanguage":"en","name":"Can it turn AI art into real pixel art?","acceptedAnswer":{"@type":"Answer","text":"Not really. Generated \"pixel art\" is usually blurry and off the grid, with blocks of slightly different sizes. The editor can scale and clean frames, but a sprite that has to hold up at 1x is often faster to redraw over the AI version as a reference."}},{"@id":"https://spritesheetgenerator.online/#logo","@type":"ImageObject","caption":"Spritesheet Generator","contentUrl":"https://spritesheetgenerator.online/web-app-manifest-512x512.png","inLanguage":"en","url":"https://spritesheetgenerator.online/web-app-manifest-512x512.png"}]} ``` ## Sitemap See the full [sitemap](https://spritesheetgenerator.online/sitemap.md) for all pages.