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.
Déposez une image à encadrer
Glissez-déposez, collez ou choisissez un fichier
PNG · JPG · WebP · GIF · BMP — encadré sur votre appareil
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.
Ombre portée : ce que c'est et ses réglages
Une ombre douce projetée derrière la photo pour qu'elle semble flotter au-dessus de la page plutôt que de reposer à plat dessus.
- Flou
- Définit à quel point l'ombre est douce et diffuse — une fraction du plus petit côté, de sorte qu'elle s'adapte à l'image.
- Décalage
- Pousse l'ombre verticalement sous la photo pour la sensation de hauteur ; c'est un décalage vers le bas uniquement, ce qui se lit le plus naturellement.
- Remplissage automatique
- Le canevas s'agrandit automatiquement pour contenir tout le flou et le décalage, de sorte que l'ombre n'est jamais rognée au bord — sans marge manuelle.
Quand l'utiliser
- Prises de produit et captures d'application nettes
- Décoller une silhouette ou une carte d'une diapositive de présentation
- Visuels marketing qui ont besoin d'un rendu soigné et en couches
- Un subtil relief 3D sur une image autrement plate
Astuce
Restez subtil : un flou généreux avec un petit décalage et une ombre gris foncé atténuée (la valeur par défaut est un ardoise doux, pas un noir pur) se lit comme naturelle — les ombres grandes, dures et noires paraissent artificielles.
More borders & frames
Questions fréquentes
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.
Plus d'outils image
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.