图片透明度调整
设置任意图片的不透明度,并导出为透明 PNG。可在 0 到 100% 之间滑动,或使用线性、径向或边缘渐隐效果;下载前可在白色、黑色或任意颜色背景上预览结果。
将图片拖到此处
也可以点击选择文件,或按 Ctrl+V 粘贴图片。PNG 徽标已有的透明区域会保留。
🌗 选择图片背景仅用于预览,不会导出。请切换为图片实际使用的背景,因为同一不透明度在白色和黑色背景上的观感差别很大。
不透明度梯度——点击缩略图,将对应级别应用到整张图片。
🌗 不透明度
只更改 Alpha 通道。红、绿、蓝通道保持原样,因此可以完全还原编辑结果。
🎚 渐隐形状
均匀模式会对整张图片应用同一不透明度。其他三种模式会通过平滑阶跃曲线,让不透明度沿图片逐渐变化。
⬇ 下载
PNG 会保留 Alpha 通道,并以原始分辨率保存。
你的广告拦截器导致我们无法展示广告
MiniWebtool 依靠广告收入免费提供服务。如果这个工具帮到了你,欢迎升级获得无广告浏览和更多每日使用次数,或将 MiniWebtool.com 加入白名单后刷新页面。
- 允许 MiniWebtool.com 显示广告,然后刷新
- 或升级获得无广告浏览和更高每日额度
图片透明度调整
图片透明度调整会重写任意图片的 Alpha 通道,让整张图片达到你指定的半透明百分比,然后将其作为 PNG 返回;无论你把它粘贴到哪里,透明度都会保留。由于不透明度本身没有固定的显示效果,你可以将预览背景切换为棋盘格、白色、黑色或任意颜色;一排实时缩略图还能同时展示原图在多种不透明度下的效果。所有操作都在当前浏览器标签页中完成,文件不会上传。
每个像素的 Alpha 都以一个字节存储。100% 对应 Alpha 255,55% 对应 Alpha 140;渐隐就是让该字节沿图片逐渐减小,同时保持颜色完全不变。
这款图片透明度调整工具有何不同
如何使用图片透明度调整工具
- 打开图片:将 JPG、PNG、WebP 或 GIF 拖到上传区域,点击浏览选择文件,或按 Ctrl+V 粘贴图片。图片会在浏览器中解码,不会上传。
- 设置不透明度:拖动“不透明度”滑块、输入准确的百分比,或点击不透明度梯度中的缩略图,查看原图在不同不透明度下的效果。
- 选择预览背景:将背景切换为棋盘格、白色、黑色或自选颜色,以便根据图片实际放置的背景判断不透明度效果。
- 按需添加渐隐效果:选择线性、径向或边缘羽化,让图片逐渐变透明,然后设置渐变角度、渐变宽度和最低不透明度。
- 下载结果:选择 PNG 或 WebP 以保留 Alpha 通道,并以原始分辨率下载图片;也可以选择 JPG,并指定压平透明度时使用的颜色。
应该选择多少不透明度?
以下数值常用于实际工作中。它们只是起点,并非硬性规则——确定数值前,请将预览背景设置为接近最终背景的颜色。
| 用途 | 不透明度 | Alpha 字节值 | 原因 |
|---|---|---|---|
| 照片上的徽标水印 | 15–30% | 38–77 | 留意时能看清,不特意寻找时不显眼。 |
| 文字水印 | 25–40% | 64–102 | 细笔画比实心形状更容易失去对比度。 |
| 文字下方的背景图片 | 10–20% | 26–51 | 让正文保持可读的对比度。 |
| 淡化的“之前”图层或洋葱皮 | 35–50% | 89–128 | 两个图层可以同时辨认。 |
| 禁用或未激活的 UI 状态 | 40–60% | 102–153 | 控件变灰时常用的约定值。 |
| 主视觉横幅上的柔和叠加层 | 60–80% | 153–204 | 为照片着色,同时保留其细节。 |
三种渐隐形状
- 线性渐变沿一个方向逐渐改变不透明度,方向由渐变角度决定。角度为 90° 时,图片会向下渐隐,这是让照片与下方页面融合的经典方式。渐变宽度决定渐变覆盖图片的范围:25% 的窄渐变会保留大部分不透明的区域,而 100% 会让渐变覆盖图片的整个边缘到边缘。
- 径向渐变会保留中心区域的不透明度,并以椭圆形向外渐隐,让主体保持清晰,周围区域逐渐消失。柔和的暗角或没有硬边的圆形头像都适合使用这种形状。
- 边缘羽化会从四边向内均匀渐隐。渐变依据到最近边缘的距离变化,因此宽图和高图会呈现相同的视觉边框厚度——适合需要保持统一效果的一组图片。
这三种渐变都使用平滑阶跃曲线,而不是直线。线性 Alpha 渐变看起来会有明显的开始和结束,因为人眼很容易察觉变化速率的突变;平滑阶跃曲线会缓入缓出,呈现自然的溶解效果。
常见用途
- 水印:将徽标的不透明度降至 20%,导出为 PNG,然后在任意编辑器中叠加到照片上,无需每次重新设置透明度。
- 幻灯片和文档背景:在文字块下方放置不透明度为 12% 的照片,可以增加层次,同时避免对比度低于无障碍阈值。
- 网页和应用设计:预先制作半透明素材,用于叠加层、禁用状态和悬停图层,适合需要把效果直接写入素材的 CSS 场景。
- 视频和直播叠加层:OBS 等工具可以直接合成 PNG 的 Alpha 通道,因此 35% 不透明度的徽标无需额外滤镜就能叠加到直播画面上。
- 印刷和手工制作:为请柬、剪贴簿和证书制作淡化的照片背景,并以原始分辨率保存,避免重新采样。
- 淡化对比照片:将一张曝光照片淡化并叠加到另一张上,以对齐建筑或产品照片。
不透明度、透明度和 Alpha——同一概念的三种表达
一个 RGBA 像素包含四个字节:红、绿、蓝和 Alpha。Alpha 表示覆盖程度,而不是颜色——它表示该像素后方的内容应显示多少。不透明度是用百分比表示的 Alpha 值,透明度则是它的补数。因此,30% 不透明度、Alpha 77 和 70% 透明度描述的是同一个像素。本工具直接处理 Alpha 字节,不会触碰红、绿或蓝通道,所以降低不透明度后再调回原值,颜色会精确恢复。
有一点值得了解:canvas 的 ImageData 采用非预乘 Alpha 存储,也就是说颜色通道保留完整数值,Alpha 单独存储。有些图像处理流程会预乘 Alpha,将颜色按 Alpha 缩放后存储;反复编辑时,图片边缘就会逐渐变暗。本工具采用非预乘方式,因此操作可以精确还原。
选择导出格式
| 格式 | 保留不透明度 | 适用场景 |
|---|---|---|
| PNG | 支持,8 位 Alpha,无损 | 安全的默认选择。适用于水印、徽标以及之后还要重新编辑的图片。 |
| WebP | 支持,文件通常小约 25–35% | 适用于网页和应用,目前的浏览器都支持这种格式。 |
| JPG | 完全不支持 Alpha 通道 | 仅适用于图片放在一种已知的纯色背景上;你可以选择压平透明度时使用的颜色。 |
让结果更清晰
- 先将预览背景设为实际使用的背景。在棋盘格背景上选择 25%,再把图片放到深色页面上,是水印变得难以辨认的最常见原因。
- 先查看不透明度梯度,再调整滑块。并排查看原图的六个不透明度级别,比反复拖动滑块并回忆上一个数值的效果更容易做出选择。
- 渐变宽度超过 80% 时,效果可能像是出错。至少保留 20% 的实心区域,可以让画面有明确的视觉锚点。
- 文字应提高最低不透明度。渐隐到 0 会让部分说明文字消失;将最低值设为 15–25%,可以让文字变淡但仍可辨认。
- 不确定时导出 PNG。PNG 无损、兼容性广,也是三种格式中最不容易带来意外的一种。
隐私
图片解码、Alpha 重写和重新编码都通过 HTML5 canvas API 在浏览器中完成。图片数据不会发送给 miniwebtool 或任何第三方,也不会被保存;即使离线,页面仍可继续使用。这对人们最常想添加水印的文件尤其重要:未发布的产品照片、客户作品和个人照片。
常见问题
如何更改图片的不透明度?
打开图片,将“不透明度”滑块拖到所需百分比,然后下载为 PNG。工具会重写每个像素的 Alpha 通道,因此 40% 不透明度会存储为 102/255 的 Alpha 值,而红、绿、蓝通道保持不变。图片不会被合成到白色背景上,因此无论放在哪里,文件都能保持真正的半透明效果。
为什么我的透明图片又变成不透明了?
通常是因为图片被保存为 JPG。JPG 格式没有 Alpha 通道,因此写入文件时,所有透明像素都必须压平到某种颜色上。请改用 PNG 或 WebP,以保留透明度。如果 PNG 看起来仍然不透明,请确认你使用的程序会将透明度合成到背景上,而不是将图片显示在不透明的白色画布上。
水印应该使用什么不透明度?
照片上的徽标水印通常使用 15% 到 30%:留意时能看清,但不会抢过图片主体。文字水印需要稍高一些,约为 25% 到 40%,因为细笔画比实心形状更容易褪去。决定前,请将预览背景设置为接近照片的颜色,因为同一水印在白色背景上会比在深色图片上显眼得多。
降低不透明度会降低图片质量吗?
更改不透明度只会写入 Alpha 通道,颜色通道保持原样,因此操作本身不会损失细节。质量变化取决于导出格式:PNG 和无损 WebP 可以无损重新编码,而 JPG 会重新压缩图片,并且会丢弃透明度。如果之后还要重新编辑图片,请导出为 PNG。
图片会上传到服务器吗?
不会。文件由你自己的浏览器通过 canvas API 解码、写入新的 Alpha 通道并重新编码,因此像素不会离开你的设备,也不会在任何地方保存副本。页面加载后,即使离线也能继续使用,因此适合处理未发布的作品、客户徽标和个人照片。
引用此内容、页面或工具为:
"图片透明度调整" 于 https://MiniWebtool.com/zh-cn/图片透明度调整/,来自 MiniWebtool,https://MiniWebtool.com/
miniwebtool 团队。更新日期:2026 年 9 月 25 日
图像工具:
- 图片添加线条
- 为图片添加文字 热门
- ⬛ 宽高比计算器 新
- 圆形裁剪图片 新
- 拼贴制作器
- 连点成画生成器
- EXIF数据查看与移除工具 新
- 翻转 GIF
- 翻转图片
- GIF 制作器
- 图片打码工具 热门
- 图片压缩器 热门
- 图片裁剪工具
- 图像增强器
- 图像调整器
- 图片旋转器
- 图片分割器 热门
- 图片转 ASCII 艺术转换器 新
- 图像转SVG描摹器 新
- Lorem Picsum / 占位符图片生成器 新
- 📷 OCR / 图片文字识别 新
- 打印尺寸分辨率计算器 (DPI/PPI)
- 圆角图片生成器 新
- 截图美化工具 新
- 设备样机生成器 新
- 拍立得照片生成器 新
- 图片背景颜色更换器 新
- 给图片添加阴影 新
- 给图片添加边框 新
- 透明背景制作器 新
- 图片透明度调整 新