图片透明度调整工具
在线调整图片整体透明度:用 0–100% 滑块按比例缩放每个像素的 alpha 通道,保留原有半透明层次与 RGB 颜色,浏览器本地处理并导出 PNG。
免费在线工具
Loading…
使用说明
- 点击选择图片,或把 JPG / PNG / WebP / GIF 拖到虚线区域。
- 拖动“透明度”滑块(0–100%,默认 80%),预览会自动更新;也可以点击“应用透明度”立即重算。
- 在右侧“调整后”预览中查看结果,棋盘格背景表示透明区域。
- 点击“下载 PNG”保存结果,文件名类似 opacity-80.png。
- 点击“加载示例数据”可用内置 640×400 示例图快速体验,“清空”后可重新选择图片。
功能介绍
- 透明度滑块范围为 0–100%,步进 1%,默认 80%;0% 完全透明,100% 保持原图 alpha。
- 只修改 alpha 通道:新 alpha = 原 alpha × 所选百分比,RGB 颜色不变,因此原本半透明的 PNG 会按比例变得更透明,而不是被统一覆盖。
- 拖动滑块时自动重算(约 40 毫秒防抖),原图与结果并排显示,棋盘格背景便于观察透明区域。
- 支持 JPG、PNG、WebP、GIF 等浏览器可解码的图片格式,导出统一为带透明通道的 PNG。
- 所有像素处理都在浏览器本地完成,图片不会上传服务器;支持点击选择和拖拽载入。
使用场景
制作半透明图层素材
把不透明 PNG 调成半透明,用于海报、PPT 或网页中的叠加图层。
UI 设计效果检查
快速预览同一图标或图片在不同透明度下的视觉效果,并在棋盘格背景上检查透明边缘。
半透明水印准备
将 Logo 调整到合适透明度后导出 PNG,作为水印或角标素材使用。
alpha 通道教学演示
直观展示按比例缩放 alpha 且保持 RGB 不变的像素处理效果,适合课堂或教程配图。
常见问题
支持哪些图片格式?
可以载入 JPG、PNG、WebP、GIF 等浏览器能够解码的图片(文件类型需为 image/*),输出统一为 PNG。多帧 GIF 会以载入时的静态帧处理,导出结果不含动画。如果浏览器无法解码某个文件,状态栏会提示“图片加载失败”。
调整透明度会改变颜色吗?
不会。工具只缩放 alpha 通道,RGB 三个颜色通道原样保留;半透明边缘的颜色不会因为调整而偏移。
为什么原本半透明的 PNG 调整后比预期更透明?
因为采用相乘而不是覆盖:新 alpha = 原 alpha × 百分比。例如原 alpha 为 50% 的像素,在透明度设为 80% 后变为 40%,所以半透明区域会按比例继续变淡。
0% 和 100% 分别是什么效果?
0% 时所有像素 alpha 变为 0,图片完全透明(视觉上不可见);100% 时 alpha 保持不变,对不透明图片就是完全不透明,对半透明 PNG 则保留原有透明度。
图片会被上传到服务器吗?
不会。读取、像素运算和 PNG 导出都在浏览器里通过 Canvas 完成,图片数据不会离开本机。处理超大图片时受浏览器内存和 Canvas 尺寸上限影响。
下载的文件是什么格式?
固定导出 PNG,以保证保留透明通道,文件名格式为 opacity-{百分比}.png,例如 opacity-80.png。