Manual Resize Sprite

What is the Manual Resize Sprite Tool?

This tool fixes sprite sheets where frames have inconsistent sizes and positions, causing jittery animations. AI-generated sprites often suffer from this issue where each frame is slightly different in size or position. This tool allows you to manually adjust each frame using visual overlays, with optional auto-alignment to speed up the process. All processing happens in your browser - no uploads, no waiting.

How to Use

1. Upload a sprite sheet by dragging it or clicking the upload area
2. Set the number of rows and columns that match your sprite sheet grid
3. Click "Update Grid" to split the sprite sheet into frames
4. Use "Prev" and "Next" to navigate between frames
5. The previous frame appears in pink, current frame in green for comparison
6. The yellow dashed border shows the frame boundary - anything outside will be clipped
7. Use Scale X and Scale Y independently to stretch or squash frames
8. Adjust Position X/Y to align the current frame
9. Click "Auto-Align" for automatic alignment (works best for minor adjustments)
10. Repeat for all frames
11. Click "Download" to save your corrected sprite sheet

Tips

• Start from the first frame and work forward for best results
• Use the overlay colors (pink/green) to identify misalignment
• Auto-align works best for minor adjustments (5-10 pixels)
• For major misalignment, use manual adjustment first, then auto-align
• The sprite sheet preview shows the final result with all adjustments applied
• Transparent backgrounds work perfectly with the overlay system
• Reset individual frames or all frames if you need to start over