Outline Draw
Detect and draw outlines around sprites in a transparent sprite sheet. Max file size: 10MB
📝
Drag & drop a sprite sheet here
PNG or WebP with transparent background
Preview
Controls
Loading OpenCV.js...
Image Size - x -
What is the Outline Draw Tool?
This tool detects all outer contours of sprites in a transparent sprite sheet and draws colored outlines around them. It uses OpenCV contour detection to find each sprite's boundary and renders a clean outline with your chosen color and thickness. Perfect for adding hitbox visualizations, creating outline effects, or preparing sprite sheets for further editing. All processing happens locally in your browser.
How to Use
- Upload a sprite sheet image (PNG or WebP with transparent background)
- Set the desired outline thickness (1-20 pixels)
- Pick an outline color using the color picker
- Click "Draw Outlines" to process the image
- Click "Download" to save the result as PNG
🔒 Images are processed entirely in your browser. Nothing is uploaded to any server.