Free Runs right in your browser

Sprite Outline & Shadow

A clean outline, a drop shadow, a glow or a ground shadow under the feet, added to every sprite the same way. Pixel-perfect when you want it.

✓ No upload, 100% private✓ No sign-up✓ Works on phone & desktop
1 Add sprites with a transparent background
Drop sprites or frames here
Adds a clean outline, a drop shadow, a glow or a ground shadow to every file. Pixel-perfect for pixel art, soft for everything else.
PNG · WebP · GIF with transparency. No background? Use the background remover first.

Missing an option? Suggest an improvement or ask for a new tool.

How to add an outline or shadow to a sprite

  1. Drop sprites with a transparent background (frames of one animation together)
  2. Tick Outline and set the width, colour and corners
  3. Add a drop shadow (blur 0 for pixel art), a glow or a ground shadow
  4. Keep "Grow the canvas" on so nothing is cut off at the edges
  5. Download the PNGs, or a ZIP for many files

Good to know

  • Pixel art mode treats the sprite as hard pixels: the outline follows the shape exactly, with no half-transparent edge.
  • Frames stay aligned: every frame of the same size grows by the same amount, so the animation does not jump.
  • Ground shadow is drawn under the lowest opaque pixels, sized to the sprite’s feet.

Frequently asked questions

Quick answers about the sprite outline & shadow tool.

My sprite has a white background, not transparency

Remove it first with the background remover or the split tool’s transparent background option, then add the outline.

Can I make only the outline, without the sprite?

Not yet. Set the sprite layer aside by using the outline colour with the sprite’s own colour, or ask for this feature.

Is it free?

Yes.

More free image tools

Everything runs in your browser. Nothing is uploaded.