✦
Sprite
Sheet
Studio
v1.0.0
browser · no upload
🪄
Background Remover
🗂
Sprite Sheet Creator
✂
Auto Slicer
🔬
Isolate Elements
🖼 Single Image
📦 Batch Mode
Input Image
🖼
Drop image here
PNG, JPG, GIF, WebP supported
Removal Method
Method
Color / Chroma Key
Threshold (Dark bg)
Flood Fill (Edge-based)
Smart Edge Detect
Sample Color
Pick from image
#ffffff
Tolerance
30
Feather / Blur
1
Brightness Threshold
128
Invert (dark subject)
Remove dark bg (light subject)
Remove light bg (dark subject)
Edge Sensitivity
20
Grow / Shrink Mask
0
Preview Background
Checkerboard
Black
White
Export Background
Export Mode
Transparent PNG (no background)
Solid Color Background
Background Color
#00ff00
Preview
🪄 Remove Background
⬇ Export PNG
→ Send to Sprite Sheet
W:
—
px
H:
—
px
Transparent:
—
%
Original
No image loaded
−
100%
+
⊡
Result
Process an image to see result
−
100%
+
⊡
Removing background…
Image Queue
📂
Drop multiple images
All will be processed with the same settings
Queue:
0
images
Clear All
No images added yet
Shared Settings
Method
Color / Chroma Key
Threshold (Dark bg)
Flood Fill (Edge-based)
Smart Edge Detect
Background Color
#ffffff
Tolerance
30
Feather
1
Brightness Threshold
128
Mode
Remove dark bg
Remove light bg
Edge Sensitivity
20
Grow / Shrink
0
Output filename suffix
🪄 Process All Images
⬇ Download ZIP
→ Send All to Sprite Sheet
Processing…
0
/
0
Ready
Done:
0
Failed:
0
Total:
0
Results
Processed images will appear here
Add Sprites
🗂
Drop multiple images
Each image = one sprite frame
Layout Settings
Layout Mode
Grid (fixed columns)
Horizontal Strip
Vertical Strip
Auto Pack (square)
Columns
Padding (px)
Frame W (0=auto)
Frame H (0=auto)
Scale mode when resizing
Fit (keep ratio)
Fill (crop)
Stretch
Background Color
Transparent
Sprites (
0
)
Clear All
click to edit · right-click remove
No sprites added
✕
Editing:
↺ Reset
✓ Apply
Transform
Scale
100%
Rotate
0°
Opacity
100%
↔ Flip H
↕ Flip V
↺ 90° CCW
↻ 90° CW
Adjustments
Bright
0
Contrast
0
Hue
0°
Saturate
0
Crop / Trim
Trim Left
Trim Right
Trim Top
Trim Bottom
✂ Auto-trim transparency
🗂 Build Sprite Sheet
⬇ Download PNG
⬇ Download JSON Atlas
Sheet:
—
×
—
px
Frames:
—
Frame size:
—
Preview
Add sprites and build to preview
−
100%
+
⊡
Load Sprite Sheet
✂
Drop sprite sheet
PNG, JPG supported
Slice Method
Method
Uniform Grid
Auto Detect (by color gap)
Manual Boxes
Frame Width
Frame Height
Offset X
Offset Y
Spacing X
Spacing Y
Gap Color Tolerance
10
Gap Color (bg)
Min frame size (px)
Click and drag on the preview to draw slices manually.
Clear boxes
Slices (
0
)
No slices yet
✂ Extract All Frames
⬇ Download ZIP
⬇ JSON Atlas
W:
—
px
H:
—
px
Slices:
—
Sheet Preview (with slice overlay)
Load a sprite sheet to begin
−
100%
+
⊡
Extracted Frames
Extract frames to preview
Source Image
🔬
Drop image here
Works best with transparent PNGs or solid bg
Detection Settings
Isolation Mode
Alpha Channel (transparent bg)
Color Key (solid bg color)
Luminance (dark/light bg)
Background Color
#ffffff
Color Tolerance
30
Brightness Threshold
200
Direction
Remove bright bg (dark objects)
Remove dark bg (bright objects)
Min Object Size (px)
100
Padding around object
4
px
Merge nearby (dilation px)
0
Crop output
Tight (each object bbox)
Uniform (largest bbox)
Original image size
🔬 Detect Objects
Selection (
0
/
0
)
All
Largest 50%
None
Min Width (px)
Min Height (px)
⬇ Export Selected (ZIP)
⬇ Export Merged PNG
→ Send to Sprite Sheet
Objects:
—
Size:
—
×
—
px
Selected:
0
Preview
(click object to toggle selection)
Load an image to begin
−
100%
+
⊡
Scanning pixels…
Isolated Objects
Detect objects to see them here