Shape-accurate shadows
Because the shadow is generated from your image's own alpha channel, it hugs the real outline — a logo, a cut-out product photo, rounded text — instead of a generic rectangle.
Upload an image, dial in the offset, blur, opacity and color, and download a transparent PNG with a soft drop shadow added underneath.
This tool builds the shadow in two layers on an HTML canvas. First it copies your image onto a same-size "shadow layer," shifts it by your chosen offset, and tints every non-transparent pixel to a flat shadow color while keeping the original alpha shape — so the shadow follows the exact silhouette of your image. That tinted layer is then blurred and faded to your chosen opacity and drawn first, with your original, untouched image drawn on top at full opacity. Extra padding is added around the canvas so a large blur or offset never gets clipped at the edges.
Because the shadow is generated from your image's own alpha channel, it hugs the real outline — a logo, a cut-out product photo, rounded text — instead of a generic rectangle.
Every slider re-renders from the original uploaded image, so you can freely experiment with offset, blur, opacity and color without any quality loss between adjustments.
The exported file keeps full alpha transparency, so you can drop it onto any background, slide, or design mockup.
It works best with a transparent PNG (like a cut-out logo or product photo), since the shadow is generated from the image's alpha shape. Any image works, though — if you upload a fully opaque rectangular photo, the shadow will just look like a soft border around it, which is expected.
No. Everything is drawn and rendered locally using the HTML canvas element. Your image never leaves your browser.
This tool uses the canvas filter property to blur the shadow layer. It's supported in all modern browsers, but a very old browser without support will simply skip the blur and show a sharp-edged shadow instead — a graceful fallback, not an error.
A PNG file with transparency preserved, so you can drop the result straight onto any background.
Yes. Both the horizontal and vertical offset sliders accept negative values, so you can push the shadow up, down, left, right, or any combination.
More handy tools from My Panda Toolbox.