Add a Drop Shadow
Add a soft, realistic drop shadow behind a transparent PNG. Control blur, vertical offset, and colour. Great for product cutouts and stickers, with a live preview before you download.
Free preview · No signup · ~10 seconds
Drop a transparent PNG
PNG, JPG, WebP or SVG — up to 30 MB
Runs entirely in your browser. Your image is never uploaded.
What separates a clean drop shadow from a muddy one
Realistic soft shadow
The shadow is cast from your subject shape, not a rectangle, so a cut-out product or logo floats naturally above the surface. Control the blur for softness, the vertical offset for how high the subject sits, and the colour to match warm or cool lighting.
Why transparency matters
A drop shadow needs to know where your subject ends and empty space begins, and that comes from the alpha channel of a transparent PNG. On a JPG or any image with a solid background, there is no transparency, so the whole rectangle casts the shadow instead of the shape.
Canvas grows to fit
The output canvas expands automatically so the shadow is never clipped at the edges. The extra room added around your subject stays fully transparent, which means you can drop the finished image onto any background and only the subject and its shadow show.
Tuning blur and offset
A small offset with a tight blur reads as an object resting close to the surface. A larger offset with a wider, softer blur makes the subject appear to hover higher above the page. Keep the shadow colour darker than the background for a grounded, believable look.
Prepare your cutout first
For the cleanest shadow, remove the background before you start using the Remove Background tool. A tidy alpha edge produces a shadow that follows the silhouette precisely, while stray leftover pixels around the subject can create small unwanted specks of shadow.
How to add a drop shadow
Upload a transparent PNG
Drop in a cut-out subject with a transparent background. Images without transparency will shadow the whole rectangle instead of the shape.
Tune the shadow
Adjust the blur for softness, the vertical offset for height, and the colour. The result updates live in the preview as you drag.
Preview and download
Review the floating result in the preview. Downloading the full-resolution image uses one credit and a free account.
Add a Drop Shadow — in the editor
The real editor, start to finish — no signup needed to try it yourself.
Free preview · No signup · ~10 seconds
Where a drop shadow earns its keep
Product shots
Lift a product off the page with a grounded, believable soft shadow.
Stickers and badges
Give a die-cut sticker a floating, tactile, physical feel.
UI mockups
Add depth to cards and screenshots inside a presentation or slide.
Logos on slides
Separate a logo from a busy background with a subtle shadow.
Marketplace listings
Make catalogue cutouts look consistent and professional across a grid.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — useful when the edit is easier to say than to find.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Fix Blurry or Fringed Edges on a Transparent PNG
Why your transparent PNG has a white halo, a grey fringe or soft edges — the four real causes, how to tell them apart in seconds, and the fix for each.
SVG vs PNG for Logos: Which File Do You Actually Need?
What SVG and PNG really are, where each one wins, why your developer keeps asking for the SVG, and the three files that cover almost every request.
How to Make a Logo White in Figma (Vector, Raster, and the Component Case)
Three routes to a white logo in Figma — the Fill row, Selection colors across a whole lockup, and a Screen-blended rectangle for placed PNGs — plus why the exported white logo looks invisible when you check it.
Add a drop shadow now
Upload a cutout, tune the shadow, and download.