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.
Suelta una imagen para enmarcar
Arrastra y suelta, pega o selecciona un archivo
PNG · JPG · WebP · GIF · BMP — enmarcado en tu dispositivo
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.
Sombra paralela : qué es y sus controles
Una sombra suave proyectada detrás de la foto para que parezca flotar sobre la página en lugar de quedar plana sobre ella.
- Desenfoque
- Define lo suave y difusa que es la sombra: una fracción del lado más corto, de modo que escala con la imagen.
- Desplazamiento
- Empuja la sombra verticalmente bajo la foto para dar sensación de altura; es solo un desplazamiento hacia abajo, que se lee de la forma más natural.
- Relleno automático
- El lienzo crece automáticamente para acomodar todo el desenfoque y el desplazamiento, de modo que la sombra nunca se recorta en el borde, sin necesidad de margen manual.
Cuándo usarlo
- Tomas de producto y capturas de app limpias
- Despegar una figura o tarjeta de una diapositiva de presentación
- Gráficos de marketing que necesitan un aspecto pulido y por capas
- Un sutil toque 3D en una imagen por lo demás plana
Consejo
Mantenla sutil: un desenfoque generoso con un desplazamiento pequeño y una sombra gris oscuro apagada (el valor por defecto es un pizarra suave, no negro puro) se lee como natural; las sombras grandes, duras y negras parecen artificiales.
More borders & frames
Preguntas frecuentes
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.
Más herramientas de imagen
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.