给透明图片添加背景

透明的 PNG 和 WebP 图片在网站上很好看，但在某些应用、电商平台和聊天软件里会变成黑色或棋盘格，而且很多表单只接受 JPG。本工具会在透明部分后面铺上背景——纯色、渐变、另一张照片，或图片自身的模糊副本——还能加上均匀的边距，比如给抠好的商品图留出呼吸空间。可以一次处理多张图片，并保存为 PNG、JPG 或 WebP。一切都在您的浏览器中完成。

使用方法

1. 选择一张或多张带透明区域的图片。
2. 选择背景：纯色、渐变、另一张图片或模糊。
3. 设置颜色、渐变方向或背景图片。
4. 可选：在图片周围添加边距。
5. 选择格式并下载结果。

计算公式

边距 (px) = 边距 % ÷ 100 × min(宽, 高)；新尺寸 = (宽 + 2 × 边距) × (高 + 2 × 边距)

渐变遵循 CSS 的 linear-gradient：角度从“to top”起顺时针计算，穿过中心的渐变线长度为 |W·sin a| + |H·cos a|，因此第一种和最后一种颜色都能到达角落。背景图片会缩放到铺满整个画面并居中。

示例

一张 1000 × 800 的商品 PNG 设置 10% 边距后，四周各增加 80 px（800 的 10%），得到白色背景的 1160 × 960 px 图片——可直接用于要求白底、非透明商品图的电商平台。