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.
Solte uma imagem para enquadrar
Arraste e solte, cole ou escolha um arquivo
PNG · JPG · WebP · GIF · BMP — enquadrado no seu 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 projetada : o que é e seus controles
Uma sombra suave projetada atrás da foto para que ela pareça flutuar sobre a página em vez de ficar plana sobre ela.
- Desfoque
- Define o quão suave e difusa é a sombra — uma fração do lado mais curto, de modo que escala com a imagem.
- Deslocamento
- Empurra a sombra verticalmente abaixo da foto para a sensação de altura; é apenas um deslocamento para baixo, que se lê de forma mais natural.
- Preenchimento automático
- O canvas cresce automaticamente para acomodar todo o desfoque e o deslocamento, de modo que a sombra nunca é cortada na borda — sem necessidade de margem manual.
Quando usar
- Fotos de produto e capturas de app limpas
- Descolar uma figura ou cartão de um slide de apresentação
- Gráficos de marketing que precisam de um visual polido e em camadas
- Um sutil destaque 3D em uma imagem de resto plana
Dica
Mantenha-a sutil: um desfoque generoso com um pequeno deslocamento e uma sombra cinza-escura suave (o padrão é um ardósia suave, não preto puro) se lê como natural — sombras grandes, duras e pretas parecem artificiais.
More borders & frames
Perguntas frequentes
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.
Mais ferramentas de imagem
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.