Add a Drop Shadow to an Image
Lift any photo off the page with a soft, natural drop shadow — adjust the blur and offset — free and right in your browser.
拖入图片以添加边框
拖放、粘贴或选择文件
PNG · JPG · WebP · GIF · BMP — 在您的设备上完成加框
A drop shadow adds depth
A drop shadow is the simplest way to make an image feel like it's floating above the page instead of pasted flat onto it. It's a staple of clean product shots, app screenshots, presentation slides, and marketing graphics — that subtle soft shadow reads as polished and professional.
Getting a shadow right by hand is fiddly, because the shadow needs room to spread or it gets cut off at the edge. This tool handles that for you: it automatically pads the canvas around the image to fit the shadow, so nothing is ever clipped. Tune the blur and the vertical offset, set the background colour behind it, and you're done.
How to add a drop shadow to an image
- Open your image. Drag it onto the tool, choose a file, or paste it.
- Turn on the shadow. The page opens with the drop shadow on. Adjust the blur for softness and the offset for how far it sits below the image.
- Set a background and download. Choose the background colour behind the shadow, then click Download. The canvas is already padded to fit.
Keep shadows subtle
A natural shadow is soft and not too dark. Use a generous blur with a small offset for a gentle lift, and keep the shadow colour a muted dark grey rather than pure black. Big, hard shadows look artificial.
投影 :它是什么及其控件
在照片后方投下一道柔和的阴影,使它看起来浮在页面之上,而不是平贴其上。
- 模糊
- 设定阴影的柔和与扩散程度——为较短边的一部分,因此会随图像缩放。
- 偏移
- 将阴影垂直向下推到照片下方以营造高度感;这仅是向下的偏移,读起来最自然。
- 自动留白
- 画布会自动增大以容纳完整的模糊与偏移,因此阴影绝不会在边缘被裁切——无需手动留出边距。
何时使用
- 干净的产品照片和应用截图
- 把人物或卡片从演示幻灯片上托起
- 需要精致、分层外观的营销图形
- 在原本平面的图像上做出微妙的3D凸起
提示
保持低调:充足的模糊配以较小的偏移,再加一道柔和的深灰色阴影(默认是柔和的灰蓝,而非纯黑),读起来才自然——又大又硬的黑色阴影显得生硬造作。
More borders & frames
常见问题
Will the shadow get cut off at the edge?
No. The tool automatically adds padding around the image so the full blur and offset of the shadow always fit on the canvas.
Can I keep the area around the shadow transparent?
Yes, for PNG or WebP output — set the background to Transparent and the padding stays clear, with just the soft shadow showing. JPG needs a solid background colour.
How do I make the shadow softer or stronger?
Increase the blur for a softer, more diffuse shadow; increase the offset to push it further below the image for a stronger lift.
Where is my image processed?
The border is added in your browser, so the new file is created on your own device. How any data associated with the tool is handled is described in our privacy policy.
更多图片工具
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.