To add a shadow to an image in PowerPoint, you can use the Picture Format tab's built-in Shadow gallery, which applies a vector effect that stays editable inside the .pptx file but disappears when you copy the picture to another application, or you can pre-render a drop shadow as a transparent PNG and insert that flattened image into your slide so the shadow travels with it. The native method gives you presets like Outer, Inner, and Perspective plus a live preview on the canvas, while the PNG method bakes the shadow into the raster file itself and works the same way in any program. Most PowerPoint users reach for the built-in gallery first because it is fast, reversible, and tied to the slide layout. The PNG approach matters when you need the picture to look identical in a Google Slides deck, a Word file, an email signature, or a video editor that ignores PowerPoint picture effects. Both routes produce a visible shadow; they differ in how that shadow is stored and where it survives after export.
PowerPoint's Built-in Shadow Gallery
Microsoft PowerPoint has shipped a picture-effects engine for years, and Shadow is one of the most-used effects in the Picture Format ribbon. The native gallery offers presets grouped into Outer, Inner, and Perspective, plus a No Shadow option to clear everything. Each preset exposes color, transparency, size, blur, angle, and distance controls through a dialog box, so you can dial in a soft office look or a hard editorial drop shadow without leaving PowerPoint.
To apply it, click the image on your slide to select it, open the Picture Format tab, find the Picture Styles group, hover over Picture Effects, point at Shadow, and pick a preset. To fine-tune, choose Shadow Options at the bottom of the menu for the full dialog with sliders and a live preview. PowerPoint stores the shadow as a presentation effect rather than as pixels, which is why the original image bytes stay untouched and the effect remains reversible. You can come back later, pick a different preset, or set the shadow back to None without re-importing anything.
The trade-off is portability. When you copy that image into another Office app, export the slide as a flat image, or paste it into a non-Microsoft tool that ignores picture effects, the shadow vanishes because the file on disk still has no shadow pixels. PowerPoint compensates by treating its effects as live and re-rasterizing them when needed, but only inside Office.
When a Pre-rendered PNG Is the Better Choice
A pre-rendered PNG shadow is the right call whenever the picture needs to keep its shadow outside PowerPoint. Common cases include exporting slides as image sequences for video or social posts, sharing the picture in Google Slides, Keynote, or a web editor, embedding the picture in an email signature, blog post, or PDF, using the picture as a thumbnail, sticker, mockup asset, or print fixture, and producing a portrait or product photo that already carries its drop shadow.
Pre-rendering also gives you pixel-level control that PowerPoint's sliders approximate rather than match exactly. Browser Canvas shadow blur is a documented rendering effect, and feeding it the same offsets, blur radius, opacity, and color produces predictable transparent pixels around the original image. The shadow becomes part of the file, so the image looks identical wherever it is opened. Because the file is decoded, drawn, and encoded inside the current browser tab, the source picture is never uploaded to an image service.
Add a Shadow to the Image in Your Browser
The Add Shadow to Image tool generates a drop shadow around a single local image and downloads the result as a transparent PNG. Decoding, drawing, encoding, preview, and download creation all run inside the current browser tab, so the source file never travels to a remote server. The canvas is expanded automatically to make room for the blur and the directional offset, so a normal shadow is not clipped at the original edges.
- Choose a local JPG, PNG, or WebP file within the displayed file and pixel limits shown next to the picker.
- Set the horizontal and vertical offsets in whole pixels. Positive horizontal values move the shadow right and negative values move it left; positive vertical values move the shadow down in the downloaded image, while negative values move it up.
- Choose a blur radius in whole pixels and an opacity as a whole percentage.
- Type a six-digit hex color, such as #000000 for a neutral office shadow or #1A1A1A for a softer charcoal edge.
- Select Add shadow. The tool draws the source with the chosen Canvas shadow state and then draws it once more without a shadow so the original foreground pixels stay clear.
- Verify the expanded width and height plus the encoded size reported in the result panel so you know the final canvas size before downloading.
- Select the download button to save the PNG. The filename mirrors the source, such as portrait-shadow.png.
- Insert the downloaded PNG into your PowerPoint slide as a regular picture. The shadow is part of the pixels and will not vanish on copy or export.
Changing the source file or any control invalidates the previous result and revokes its temporary download URL, so the latest preview always matches the current settings.
Shadow Parameters and Accepted Ranges
Every control is validated against a fixed range before the canvas is allocated, which keeps the math predictable. The table below lists each field, its accepted input, and the direction of the effect.
| Control | Accepted input | Effect |
|---|---|---|
| Horizontal offset | Whole number, -500 to 500 | Positive moves shadow right; negative moves it left |
| Vertical offset | Whole number, -500 to 500 | Positive moves shadow down; negative moves it up |
| Blur radius | Whole number, 0 to 250 | Larger values feather the shadow edge |
| Opacity | Whole percentage, 0 to 100 | Higher values darken the shadow |
| Color | Six-digit hex, e.g. #1A1A1A | Sets the exact shadow color |
| Source file | JPG, PNG, or WebP up to 25 MiB | Browser-decoded; no upload |
| Output | PNG with transparency outside the shadow | Mirrors source filename plus -shadow |
Inputs outside those ranges are rejected before drawing begins, and invalid types, empty files, oversized decoded images, decode errors, missing Canvas support, or PNG encoding failures produce a visible error rather than a silent failure. Source and expanded output dimensions are also checked against a bounded canvas budget before allocation.
How the Expanded Canvas Is Calculated
The downloaded PNG is larger than the source on purpose. The canvas reserves twice the blur value on every side and adds the absolute directional offset on the affected side, so the shadow is not clipped at the original edges. A worked example with a 40 by 20 source image, an 8-pixel right offset, a 4-pixel upward offset, and 6 pixels of blur shows the math step by step.
Step 1 — Reserve blur margin on every side. Twice the blur on each side: 2 × 6 = 12 pixels of blur margin per side. For width that is 12 on the left plus 12 on the right. For height that is 12 on the top plus 12 on the bottom.
Step 2 — Reserve directional offset on the affected side. The 8-pixel horizontal offset is to the right, so 8 extra pixels are added on the right. The 4-pixel vertical offset points up, so 4 extra pixels are added on the top.
Step 3 — Combine source dimensions with the reserved space. Width: 40 (source) + 12 (left blur) + 12 (right blur) + 8 (right offset) = 72 pixels. Height: 20 (source) + 12 (top blur) + 12 (bottom blur) + 4 (top offset) = 48 pixels.
The original image is positioned inside that expanded area so a normal shadow is not silently cropped at the old image edge. This matches the formula reported in the tool's result panel for the exact expanded width and height, and it explains why a 40 by 20 source becomes 72 by 48 in the downloaded file.
Why the Shadow Can Look Slightly Different Across Browsers
Canvas shadow blur is a browser rendering effect rather than a print prepress measurement, so exact feather pixels can vary slightly between browser engines. Two screenshots of the same source and the same controls may differ by a sub-pixel along the soft edge. The MDN documentation for CanvasRenderingContext2D.shadowBlur treats blur as a radius in user-space units and notes that the visible feather depends on the rendering engine, which is why the tool does not claim CSS box-shadow byte-for-byte equivalence.
For final artwork that has to match a brand asset pixel-perfectly, rasterize the shadow in the same browser you intend to ship from, then avoid re-saving the PNG through a tool that re-encodes it. The result keeps the natural output resolution calculated from the source and shadow controls, so the preview on the page is only a scaled display. The download itself is always at full output resolution, and transparent areas in a PNG source remain transparent except where the source alpha itself produces a shadow.
Inserting the PNG into PowerPoint
Once you have a transparent PNG with the shadow baked in, drop it into PowerPoint like any other picture: Insert > Pictures > This Device, then resize and position on the slide. The shadow travels with the picture because it is part of the pixels, and the original PowerPoint Picture Effects gallery still works on top of the flattened shadow if you want to add a second effect such as a soft reflection, a glow, or a border. For a plain border on the slide, see Add a Border to an Image in PowerPoint: 2 Reliable Methods for the related workflow.
This PNG-first approach is also what most slide designers reach for when they are exporting a deck as a flat image sequence for video. The shadow remains visible in every frame instead of being re-rendered by PowerPoint's picture effect engine, and the file looks the same in Google Slides, Keynote, or a printed handout.
Limitations to Keep in Mind
The Add Shadow to Image tool is built for straightforward raster drop shadows. It does not detect the subject inside the image, simulate studio lighting, draw a perspective floor shadow, remove a background, or replace the original background. JPG and WebP sources are decoded to browser pixels, so original compression bytes and metadata are not retained in the PNG output. Transparent areas in a PNG source remain transparent except where the source alpha itself produces a shadow pixel. Offsets, blur, and opacity are limited to whole numbers so the canvas allocation stays bounded, and the output canvas is always a PNG because a shadow normally needs transparent pixels outside the original picture rectangle.
These limits are deliberate. The tool is meant for mockups, stickers, thumbnails, and fixtures where predictable canvas bounds and local processing matter more than emulating a CSS box-shadow rule or a Photoshop layer effect. PowerPoint users who need the shadow to follow a complex mask or to react to a colored background inside the slide should stay inside PowerPoint's own picture effects and accept that the shadow lives only in the .pptx file.
If you're weighing options, EXIF Editor Online Explained: A Three-Field Local Workflow covers this in detail.