Image Shadow Tool
Add a soft, realistic drop shadow around any image with adjustable blur and offset. Free, no signup, works in your browser.
Everything runs inside your browser — your file is never uploaded to a server.
About this tool
This tool wraps your image in a soft drop shadow, letting you control the blur radius from a tight 4px edge to a diffuse 60px glow, plus the horizontal and vertical offset that decides which direction the shadow falls. Choose the shadow colour and opacity, from a subtle 20% grey to a bold 70% black, and see the result update instantly on the canvas preview. It's the quickest way to lift a flat product photo or a logo off a plain background so it looks like it's floating above the page, without opening a full design app. The tool automatically adds transparent padding around the image so the shadow has room to render, and exports as PNG to preserve that transparency. JPG, PNG and WebP images can all be used as the source, and everything is processed locally on an HTML canvas so your photo stays on your device.
How to use this tool
1. Choose an image
Pick a JPG, PNG or WebP file from your device.
2. Adjust blur and offset
Set the shadow's softness and direction with the sliders.
3. Preview the result
Check the shadow color and opacity on the live canvas.
4. Download the PNG
Save the image with its new drop shadow applied.
Why use this tool
A drop shadow instantly separates an image from its background, making product photos, logos and cutouts look more polished and three-dimensional. Doing this manually in design software takes several steps of layering and blurring, while this tool applies a clean, adjustable shadow in real time so you can fine-tune it visually before downloading.
Tips & best practices
- Use a small offset (5-10px) and moderate blur for a subtle, natural-looking shadow.
- Increase blur radius for a soft ambient shadow that suits floating product shots.
- Lower the opacity to around 30% if the shadow looks too heavy against a light background.
Common use cases
- Making a product photo look like it's floating for an online store
- Adding depth to a logo placed on a website hero section
- Creating a polished app icon mockup with a subtle shadow
- Lifting a cut-out portrait off a plain background for a poster
- Styling a screenshot with a shadow for a presentation slide
Frequently asked questions
Can I control how far the shadow falls?
Yes, horizontal and vertical offset sliders let you place the shadow above, below or to any side of the image.
Why does the output need to be PNG?
PNG supports transparency, which is required for the extra padding and the soft shadow to render correctly.
Can I change the shadow colour?
Yes, you can pick any hex colour for the shadow, not just black or grey.
Will the shadow work on a photo with a white background?
Yes, the shadow is drawn around the image's edges regardless of what's inside it.
Does a larger blur radius increase file size much?
Only slightly, since it's a soft gradient rather than added detail, so file size stays close to the original image.
Related tools & guides
Share this tool
Was this tool helpful?
97% · 194 people found this tool helpful