Sprite Sheet Recenter
Recenter sprite sheet frames by detecting each sprite and aligning it to the center of its frame cell. Max file size: 10MB
🎮
Drag & drop a sprite sheet here
PNG or WebP with transparent background
Preview
Controls
Loading OpenCV.js...
Frame Size - x -
What is the Sprite Sheet Recenter Tool?
This tool automatically detects sprite objects in each frame of a sprite sheet and recenters them within their grid cells. It uses OpenCV contour detection to find each sprite's bounding box and shifts it to the exact center of its frame. Perfect for fixing misaligned sprite sheets used in game development or animations. All processing happens locally in your browser.
How to Use
- Upload a sprite sheet image (PNG or WebP with transparent background)
- Set the number of rows and columns in your sprite sheet
- Verify the grid overlay matches your frame layout
- Click "Recenter Frames" to process each frame
- Click "Download" to save the recentered sprite sheet
🔒 Images are processed entirely in your browser. Nothing is uploaded to any server.