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.