分类

← View All Tools

图片阴影效果

为图片添加逼真的阴影效果，支持自定义方向、模糊、颜色和强度

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

上传要添加阴影效果的图片文件

选择阴影的方向

阴影与图片的距离

阴影的模糊半径（越高 = 越柔和）

阴影的颜色

阴影的透明度（0.0到1.0）

阴影相对于图片的大小比例

背景颜色（留空为透明）

选择输出格式或保持原格式

有损格式的输出质量（WebP、JPEG）

关键信息

分类
Design
输入类型
file, select, number, color
输出类型
file
样本覆盖
4
支持 API
Yes

概览

图片阴影效果工具是一款专业的在线图像处理工具，旨在为您的图片添加逼真的投影效果。通过自定义阴影的方向、模糊半径、颜色及透明度，您可以轻松提升图片的视觉深度与立体感，使其在网页设计或演示文稿中更加突出。

适用场景

  • •为产品展示图添加立体阴影，增强视觉层次感。
  • •在制作网页 UI 设计稿时，快速为图标或卡片添加投影效果。
  • •需要统一多张图片的展示风格，通过添加一致的阴影实现视觉对齐。

工作原理

  • •上传您需要处理的图片文件（支持 JPG、PNG、WebP 等格式）。
  • •在设置面板中调整阴影方向、模糊度、颜色及透明度等参数。
  • •预览效果并选择合适的输出格式，点击处理即可下载带有阴影的图片。

使用场景

电商产品图美化：通过添加柔和投影，让商品在白色背景下更具质感。
社交媒体海报设计：为文字或图片素材添加深度阴影，打造 3D 视觉效果。
PPT 演示文稿优化：快速为截图添加阴影，使图片与幻灯片背景区分开来。

用户案例

1. 电商产品图投影优化

电商美工
背景原因
需要将一批产品图上传至官网，但原始图片缺乏立体感，显得平淡。
解决问题
为产品添加自然的底部投影，提升高级感。
如何使用
上传产品图，设置阴影方向为“下”，调整模糊半径为 20px，透明度设为 0.3。
示例配置
shadowDirection: bottom, shadowBlur: 20, shadowOpacity: 0.3
效果
产品底部出现自然的柔和阴影，视觉上产生悬浮感，显著提升了商品展示的专业度。

2. 网页 UI 卡片阴影设计

UI 设计师
背景原因
正在设计一套网页卡片组件，需要统一的投影风格以符合设计规范。
解决问题
批量生成具有一致投影参数的卡片素材。
如何使用
上传卡片图标，设置阴影方向为“右下”，距离为 10px，颜色设为深灰色。
示例配置
shadowDirection: bottom-right, shadowDistance: 10, shadowColor: #333333
效果
卡片呈现出清晰的右下投影，增强了界面的层次感和交互引导性。

用 Samples 测试

image, png, jpg
Web Python 图像处理示例
Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
preferred input family image
image
Windows C++ 图像处理示例
Windows C++ 图像处理示例，包括读取/保存图像、调整大小和使用Windows Imaging Component进行格式转换
preferred input family image
image
Web Rust 图像处理示例
Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换
preferred input family image
image
macOS Objective-C 图像处理示例
macOS Objective-C 图像处理示例，包括图像读取保存、图像缩放和格式转换
preferred input family image
image

相关专题

ImageConvert工具专题
探索 100 个围绕 image 的 convert 工作流工具，快速找到相近能力。
Image 工具专题
探索 40 个围绕 image 的 utility 工作流工具，快速找到相近能力。
JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
AudioConvert工具专题
探索 100 个围绕 audio 的 convert 工作流工具，快速找到相近能力。

常见问题

该工具支持哪些图片格式？

支持上传 JPEG、PNG、WebP、GIF、BMP 和 TIFF 格式的图片。

可以调整阴影的颜色吗？

可以，您可以通过颜色选择器自定义阴影的颜色，默认颜色为黑色。

如何让阴影看起来更柔和？

您可以增大“阴影模糊”数值，数值越高，阴影边缘越柔和。

处理后的图片会失去透明背景吗？

如果您选择 PNG 格式输出，可以保留图片的透明背景；若选择 JPEG，透明区域会被填充。

阴影方向可以自定义吗？

支持 8 个预设方向，包括左上、上、右上、左、右、左下、下及右下。

API 文档

请求端点

POST /zh/api/tools/image-add-shadow

请求参数

参数名 类型 必填 描述
imageFile file (需要先上传) 是 上传要添加阴影效果的图片文件
shadowDirection select 是 选择阴影的方向
shadowDistance number 否 阴影与图片的距离
shadowBlur number 否 阴影的模糊半径（越高 = 越柔和）
shadowColor color 否 阴影的颜色
shadowOpacity number 否 阴影的透明度（0.0到1.0）
shadowSize number 否 阴影相对于图片的大小比例
backgroundColor color 否 背景颜色（留空为透明）
outputFormat select 否 选择输出格式或保持原格式
quality number 否 有损格式的输出质量（WebP、JPEG）

文件类型参数需要先通过 POST /upload/image-add-shadow 上传获取 filePath，然后将 filePath 传递给对应的文件字段。

响应格式

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
文件: 文件

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-image-add-shadow": {
      "name": "image-add-shadow",
      "description": "为图片添加逼真的阴影效果，支持自定义方向、模糊、颜色和强度",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-add-shadow",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

支持 URL 文件链接或 Base64 编码作为文件参数。

如果遇见问题，请联系我们：[email protected]