How to Add Shadow to Image Online Free in 2026 (7 Tools Tested)

Adding a drop shadow to an image takes about 30 seconds with the right tool. Product photos, social media graphics, presentation slides – shadows make flat images pop off the page. I tested 9 online editors to find which ones handle shadows well without charging you or slapping a watermark on the result.

If you also need to remove the background from your image first, do that before adding a shadow. Shadows on transparent-background PNGs look way better than shadows on images with busy backgrounds.

Quick Comparison: Best Free Tools for Adding Shadows to Images

Tool Shadow Types Customization Free Tier Limits Export Quality Best For
Photopea Drop, inner, outer glow Full (angle, distance, spread, size, color) Unlimited, ads only Full resolution PNG/PSD Precise control
Canva Drop shadow, glow Medium (direction, blur, distance, color, opacity) Free plan, some assets locked Up to 4000×4000 PNG Quick design work
Pixlr E Drop shadow Good (angle, distance, blur, color, opacity) Free with ads, 1 save/day limit Up to 4096px Layered editing
Fotor Shadow presets Limited (preset-based) Free with watermark on some features Standard resolution One-click shadows
LunaPic Drop shadow Basic (color, offset) Fully free, no signup Original resolution No-fuss simplicity
BeFunky Drop shadow on cutouts Medium (blur, distance, opacity) Free with limited tools Standard resolution Photo enhancement
MockoFun Drop shadow, long shadow Good (angle, blur, distance, color) Free plan, export with credit Up to 4000px Design-heavy projects

1. Photopea – Full Photoshop-Level Shadow Controls

Photopea is the closest thing to Photoshop that runs in a browser. The drop shadow feature works exactly like Photoshop’s Layer Style dialog, so if you’ve ever used that, you’ll feel right at home.

How to Add a Drop Shadow in Photopea

  1. Open your image at photopea.com (drag and drop works)
  2. If your image has a white background you want to remove, use Magic Wand (W) to select the background, then hit Delete
  3. Go to Layer > Layer Style > Drop Shadow
  4. Adjust these settings: Angle (where the light comes from), Distance (how far the shadow sits from the object), Spread (how hard/soft the shadow edge is), Size (overall blur radius), and Color
  5. Click OK, then File > Export As > PNG

The level of control here is unmatched. You can set the exact angle in degrees, adjust opacity from 0-100%, pick any shadow color, and stack multiple shadow effects on a single layer. I usually set Distance to 8-12px, Size to 15-20px, and Opacity around 40% for a natural-looking result.

What I like: No signup required. No watermarks. Supports PSD files, so you can save your work and come back to tweak the shadow later. Handles layers properly, meaning you can add different shadows to different elements in the same file.

What’s annoying: The interface is dense. If you’ve never used Photoshop, finding Layer Style takes a minute. Also, ads pop up between exports on the free tier – a $5/month subscription removes them.

2. Canva – Fastest Way to Add a Shadow

Canva added shadow controls in 2024 and they’ve gotten better since. The shadow feature works on any element – images, text, shapes, uploaded PNGs.

How to Add a Drop Shadow in Canva

  1. Open canva.com and create a new design (or open an existing one)
  2. Upload your image or drag it onto the canvas
  3. Click the image, then click “Edit image” in the top toolbar
  4. Scroll down to “Shadows” in the effects panel
  5. Pick from Drop Shadow, Glow, or other presets
  6. Adjust Direction, Blur, Distance, Color, and Transparency using sliders

The whole process takes maybe 15 seconds once you know where the controls are. Canva’s shadow presets are decent starting points. The “Drop” preset at default settings looks fine for most social media posts.

What I like: The preview updates in real time as you drag sliders. You can change the shadow color to match your design palette. Works great with Canva’s background remover (Pro feature) – remove background, then add shadow for a polished cutout effect.

What’s annoying: The background remover that pairs so well with shadows is a Pro feature ($13/month). You can still add shadows to images with backgrounds on the free plan, but the effect is less dramatic. Also, Canva compresses PNGs slightly on export.

3. Pixlr E – Solid Middle Ground

Pixlr E is a browser-based photo editor that sits between LunaPic’s simplicity and Photopea’s complexity. The drop shadow is buried in the layer options but works well once you find it.

How to Add a Drop Shadow in Pixlr E

  1. Go to pixlr.com and open Pixlr E (the advanced editor)
  2. Upload your image
  3. If needed, use the Magic Wand or AI cutout tool to isolate your subject
  4. Click the layer in the Layers panel, then look for the “fx” or layer style option
  5. Enable Drop Shadow and adjust Angle, Distance, Blur, Color, and Opacity
  6. Export as PNG

Pixlr E renders shadows quickly even on larger images (tested up to 4000x3000px). The shadow quality is good – smooth gradients without visible banding.

What I like: Decent layer support for a free tool. You can add shadows to isolated objects without affecting the background. The AI cutout tool (free) removes backgrounds reasonably well, making the shadow workflow smooth.

What’s annoying: Free tier limits you to one save per day. The interface redesign in 2025 moved things around, and some shadow controls are harder to find than they used to be. Occasional lag on large files.

4. Fotor – One-Click Shadow Presets

Fotor takes the “I don’t want to think about settings” approach. Instead of giving you sliders for angle and distance, it offers preset shadow styles. Click one, done.

How to Add a Shadow in Fotor

  1. Open fotor.com and go to the photo editor
  2. Upload your image
  3. Navigate to Effects or the shadow/frame section
  4. Browse shadow presets and click one to apply
  5. Adjust intensity if the option is available
  6. Download

The presets cover the basics: soft bottom shadow, hard-edge directional shadow, and a few artistic options. For product photos on white backgrounds, the default soft shadow looks professional enough.

What I like: Zero learning curve. Useful when you need to process a batch of product images and want consistent shadows across all of them. The presets are tasteful – they don’t look overdone.

What’s annoying: Limited customization on the free plan. You can’t pick a specific angle or shadow color on most presets. Some of the better shadow effects are behind the Fotor Pro paywall ($4/month). Watermark appears on certain exports.

5. LunaPic – Simplest Option (No Account Needed)

LunaPic looks like it was built in 2008. It probably was. But the drop shadow filter works, and you don’t need to create an account or deal with ads that cover half the screen.

How to Add a Shadow in LunaPic

  1. Go to lunapic.com
  2. Upload your image
  3. Click Filters > Drop Shadow (or search for it)
  4. Set shadow color and offset
  5. Apply and download

Honestly, the shadow quality is basic. It adds a uniform shadow around the entire image, not just around the subject. So this works best when you already have a PNG with a transparent background. If your image has a white or colored background, the shadow wraps around the rectangular edges, which looks unnatural.

What I like: No signup, no watermark, no download limits. Processes images server-side so it works even on slow machines. Supports direct URL input – paste an image URL instead of uploading.

What’s annoying: The shadow controls are minimal. You get color and offset, that’s it. No blur radius, no opacity slider. The site’s UI is cluttered. Not great for any image that isn’t already a PNG cutout.

6. BeFunky – Good for Photo Enhancement Combos

BeFunky’s strength is combining multiple edits. You can remove a background, add a shadow, adjust brightness, and apply a filter – all in one workflow without switching tools.

How to Add a Shadow in BeFunky

  1. Open befunky.com and go to the Photo Editor
  2. Upload your image
  3. Use the Cutout tool to isolate your subject (if needed)
  4. Look for shadow or depth effects in the Edit panel
  5. Apply and tweak blur, distance, opacity
  6. Save as PNG

BeFunky added AI-powered cutout tools in late 2025 that work surprisingly well on product photos and headshots. Combining that with the shadow effect gives results that look like they came from a proper design tool.

What I like: The workflow of cutout + shadow is seamless. Batch processing available on the Plus plan. Touch-up tools (blemish fix, smoothing) pair nicely if you’re editing portraits.

What’s annoying: Many features are Plus-only ($6/month). The free version limits export resolution. Shadow controls are present but not as granular as Photopea or Pixlr E.

7. MockoFun – Long Shadows and Design-Focused Effects

MockoFun is where you go if you want creative shadow effects, not just realistic drop shadows. It offers long shadows (that flat-design trend where the shadow extends at a 45-degree angle), colored shadows, and multiple shadow layers.

How to Add a Shadow in MockoFun

  1. Go to mockofun.com and open the editor
  2. Create a design or upload your image
  3. Select the element you want to add a shadow to
  4. Find Shadow in the element properties panel
  5. Choose between Drop Shadow, Long Shadow, or other styles
  6. Customize angle, blur, distance, and color
  7. Export

The long shadow feature is MockoFun’s standout. Most other free tools don’t offer it. If you’re creating thumbnails, social posts, or app store screenshots, long shadows add visual depth without looking cheesy.

What I like: Creative shadow options beyond the standard drop shadow. Good text shadow controls too. The design templates include shadow styling, so you can start from a template and swap in your own images.

What’s annoying: Free exports include a small MockoFun credit watermark. The editor can be slow to load. Interface isn’t as intuitive as Canva. Premium plan costs $10/month.

Which Tool Should You Pick?

This depends entirely on what you’re doing:

Product photos for an online store: Photopea. You need precise control over shadow angle and intensity to make products look consistent across your catalog. Spend 2 minutes learning the Layer Style dialog and you’ll use it for years.

Social media graphics: Canva. The shadow presets work well for Instagram posts, Stories, and Pinterest pins. Speed matters more than precision here.

Quick one-off shadow on a cutout PNG: LunaPic. Upload, apply shadow, download. No account needed, no fuss.

Creative design work with artistic shadows: MockoFun. The long shadow and colored shadow options open up design possibilities the other tools don’t offer.

For more free photo editing tools, check out our full roundup. And if you need to make your image background transparent before adding shadows, we’ve covered that too.

Tips for Natural-Looking Shadows

A bad shadow looks worse than no shadow. Here are settings that consistently produce good results:

Distance: 6-12 pixels for web images (1200px wide). Too close and the shadow is invisible. Too far and the object looks like it’s floating above the surface.

Blur/Size: 15-25 pixels. This creates a soft, diffused shadow that mimics natural light. Hard shadows (low blur) look artificial unless you’re going for a specific design aesthetic.

Opacity: 30-50%. Full-opacity black shadows scream “I added this in an editor.” Dial it back until the shadow feels subtle.

Color: Don’t always use black. Dark gray (#333333) or a dark version of your background color looks more natural. For product photos on white backgrounds, use #555555 at 35% opacity.

Angle: 135 degrees (light from upper-left) is the most natural-looking direction. Stay consistent across all images in a set – mixed shadow angles look jarring.

Multiple shadows: In Photopea, you can stack two drop shadows on one layer. Use a tight, dark shadow (Distance 3, Size 5, Opacity 60%) for the contact point plus a wider, softer shadow (Distance 10, Size 20, Opacity 25%) for depth. This two-shadow technique produces results that look significantly more realistic.

Adding Shadows to Text

Text shadows follow the same principles but with tighter settings. For readable text over images, use Distance 2-4px, Blur 3-6px, Opacity 50-70%, Color black or dark gray. The goal is legibility, not decoration.

Canva handles text shadows well. Photopea gives the most control. MockoFun’s text shadow presets are the most creative. If you’re working on YouTube thumbnails or social media posts, text shadows help titles stand out against busy photo backgrounds.

Frequently Asked Questions

Can I add a drop shadow to a PNG with a transparent background?

Yes. Photopea, Canva, Pixlr E, and MockoFun all support transparent PNGs. Upload your transparent PNG, add the shadow, and export as PNG to preserve transparency. The shadow will appear around the visible parts of your image, not around a rectangular border. This gives the cleanest results.

How do I add a shadow to a product photo on a white background?

First remove the white background using a tool like remove.bg or Photopea’s Magic Wand. Then add a drop shadow to the isolated product. Finally, place it on a white (or any) background. Direct shadows on images with existing backgrounds add a shadow around the rectangular border, which rarely looks good.

Is Photopea really free? What’s the catch?

Photopea is free with ads. No watermarks, no export limits, no signup required. The premium plan ($5/month) removes ads and adds extra font packs. All editing features including drop shadows, layer styles, and PSD support are available on the free tier. The developer funds the tool through display ads.

What shadow settings look most natural?

Distance 8-12px, Blur 15-20px, Opacity 35-45%, Color dark gray (#444444), Angle 135 degrees. These settings simulate soft overhead lighting from the upper-left, which matches how most people perceive natural shadows. Avoid pitch-black shadows at full opacity – they always look artificial.

Can I add shadows on my phone?

Canva’s mobile app supports shadow effects. Photopea runs in mobile browsers but the small screen makes precise adjustments difficult. For phone-based editing, Canva is the best option. PicsArt (iOS/Android) is another mobile app with decent shadow tools, though the free version includes watermarks.

Share this article

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top