自 2010 年 · 每月支持超过 200 万次工具运行
自 2010 年
添加到 Chrome

我的工具箱

自动模式

还没有收藏的工具。

升级为高级版
相关工具
图片背景颜色更换器圆角图片生成器给图片添加阴影图像调整器为图片添加文字透明背景制作器
主页 > 杂项 > 图像工具
 

图片透明度调整

设置任意图片的不透明度,并导出为透明 PNG。可在 0 到 100% 之间滑动,或使用线性、径向或边缘渐隐效果;下载前可在白色、黑色或任意颜色背景上预览结果。

免费使用无需注册即时出结果
图片透明度调整立即免费试用 ▼
🔒 图片不会上传。图片仅由当前浏览器标签页解码、重新设置 Alpha 并保存——无需服务器、账户或 AI 服务。

将图片拖到此处

也可以点击选择文件,或按 Ctrl+V 粘贴图片。PNG 徽标已有的透明区域会保留。

🌗 选择图片
JPG · PNG · WebP · GIF · BMP — 在你的设备上处理
正在处理…
预览背景:

背景仅用于预览,不会导出。请切换为图片实际使用的背景,因为同一不透明度在白色和黑色背景上的观感差别很大。

不透明度梯度——点击缩略图,将对应级别应用到整张图片。

🌗 不透明度

100% Alpha 值 255 / 255

只更改 Alpha 通道。红、绿、蓝通道保持原样,因此可以完全还原编辑结果。

🎚 渐隐形状

均匀模式会对整张图片应用同一不透明度。其他三种模式会通过平滑阶跃曲线,让不透明度沿图片逐渐变化。

⬇ 下载

PNG 会保留 Alpha 通道,并以原始分辨率保存。

Embed 图片透明度调整 Widget

图片透明度调整

图片透明度调整会重写任意图片的 Alpha 通道,让整张图片达到你指定的半透明百分比,然后将其作为 PNG 返回;无论你把它粘贴到哪里,透明度都会保留。由于不透明度本身没有固定的显示效果,你可以将预览背景切换为棋盘格、白色、黑色或任意颜色;一排实时缩略图还能同时展示原图在多种不透明度下的效果。所有操作都在当前浏览器标签页中完成,文件不会上传。

100% 不透明度 Alpha 255 55% 不透明度 Alpha 140 20% 水印 Alpha 51 线性渐隐 255 → 0

每个像素的 Alpha 都以一个字节存储。100% 对应 Alpha 255,55% 对应 Alpha 140;渐隐就是让该字节沿图片逐渐减小,同时保持颜色完全不变。

这款图片透明度调整工具有何不同

🎛 背景切换器同一张 40% 不透明度的图片在白色、黑色和彩色页面上的观感完全不同。切换预览背景不会影响导出的像素,方便你根据图片实际放置的背景判断效果。
🪜 不透明度梯度用六张实时缩略图展示原图的 10%、25%、40%、60%、80% 和 100% 不透明度。点击缩略图即可应用对应值——选择不透明度是视觉判断,因此工具会直接展示选项。
🌗 渐变淡出可选择自定义角度的线性渐变、从中心向外的径向渐变,或沿四边均匀羽化;每种效果都可以单独设置渐变宽度和最低不透明度。
🧩 保留现有透明度镂空 PNG 仍会保留镂空区域。新的 Alpha 值会乘以原 Alpha 值,不会悄悄用白色填充透明区域。
🔢 精确显示 Alpha 值输入准确的百分比,并查看写入的 Alpha 字节值(0 到 255)。适用于设计规范要求特定数值的情况。
🔒 不会上传图片图片解码、Alpha 重写和重新编码都通过 canvas 在浏览器中完成,并保持图片的原始分辨率。

如何使用图片透明度调整工具

  1. 打开图片:将 JPG、PNG、WebP 或 GIF 拖到上传区域,点击浏览选择文件,或按 Ctrl+V 粘贴图片。图片会在浏览器中解码,不会上传。
  2. 设置不透明度:拖动“不透明度”滑块、输入准确的百分比,或点击不透明度梯度中的缩略图,查看原图在不同不透明度下的效果。
  3. 选择预览背景:将背景切换为棋盘格、白色、黑色或自选颜色,以便根据图片实际放置的背景判断不透明度效果。
  4. 按需添加渐隐效果:选择线性、径向或边缘羽化,让图片逐渐变透明,然后设置渐变角度、渐变宽度和最低不透明度。
  5. 下载结果:选择 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 日

图像工具:

热门与最新工具:

圆形裁剪图片给图片添加边框图像转SVG描摹器查看全部 →
主页 > 杂项 > 图像工具 > 图片透明度调整