编辑美化 · 浏览器本地
图片加阴影 — 投影效果,自动扩画布
在线给图片加投影/阴影:模糊、偏移、颜色、透明度可调,自动扩画布防裁切,透明背景输出 PNG 或填底色。做悬浮卡片、产品图、截图美化。支持电脑、平板、手机浏览器,批量、本地、不上传。
拖拽图片到这里,或点击选择
JPG / PNG / WebP · 单文件 ≤ 100MB · 图片不上传,本地加阴影
选择图片
支持电脑 · 平板 · 手机浏览器不上传服务器无水印本地处理
快速回答
加阴影是在图片下方 / 周围生成一圈投影,让图片像悬浮在背景上,更有层次和立体感。本工具用 Canvas 投影给整张图加 drop shadow,模糊、水平 / 垂直偏移、颜色、透明度均可调,并自动扩展画布以容纳阴影、防止被裁切。背景可透明(自动输出 PNG)或填纯色。常用于产品图、截图美化、卡片悬浮效果。处理在浏览器本地完成,图片不上传。
When
什么时候需要
悬浮卡片效果
给截图 / UI 图加柔和投影,像悬浮卡片,更精致。
产品图立体感
商品图加阴影增加立体感,从背景中凸显出来。
发布图 / 配图美化
推文、文档配图加投影,视觉更高级。
Trade-off
关于加阴影
好处
- 模糊 / 偏移 / 颜色 / 透明度全可调,实时预览
- 自动扩画布防阴影被裁,提示最终分辨率
- 透明背景输出 PNG,本地完成、不上传
注意
- 阴影沿整张图矩形外缘生成(非按主体抠形)
- 加阴影后画布会变大(已提示最终分辨率)
- 仅支持 PNG / JPG / WebP
FAQ
加阴影常见问题
不会,本工具沿整张图的矩形外缘生成阴影(适合任意图片)。若你的图是透明背景的 PNG 主体,阴影会贴着不透明部分,看起来更贴合主体。
透明背景需要 alpha 通道,而 JPG 不支持透明,所以透明背景会自动输出 PNG;想保留 JPG 请把背景选一个纯色。
不会,工具会自动按模糊和偏移量扩展画布、预留空间,并实时提示加阴影后的最终分辨率。
不会,加阴影全程在浏览器本地用 Canvas 完成。