🖼️ 图片添加背景（透明 PNG 加底色）Add Image Background
给透明背景的图片（抠图后的 PNG、Logo、贴纸）加上背景：纯色、两色渐变（可调角度）或另一张图片（铺满、完整显示、拉伸或平铺），还可以在四周加留白。半透明边缘会和背景自然融合，支持批量，导出 PNG、JPG 或 WebP，图片只在浏览器本地处理。Add a background to images with transparency — cut-out PNGs, logos and stickers: a solid colour, a two-colour gradient at any angle, or another picture (cover, contain, stretch or tile), with optional padding around the edges. Semi-transparent edges blend naturally into the background. Works in bulk with PNG, JPG or WebP output, locally in your browser.
使用说明与常见问题How-to & FAQ
「图片添加背景（透明 PNG 加底色）」是什么？What is the Add Image Background tool?
给透明背景的图片（抠图后的 PNG、Logo、贴纸）加上背景：纯色、两色渐变（可调角度）或另一张图片（铺满、完整显示、拉伸或平铺），还可以在四周加留白。半透明边缘会和背景自然融合，支持批量，导出 PNG、JPG 或 WebP，图片只在浏览器本地处理。Add a background to images with transparency — cut-out PNGs, logos and stickers: a solid colour, a two-colour gradient at any angle, or another picture (cover, contain, stretch or tile), with optional padding around the edges. Semi-transparent edges blend naturally into the background. Works in bulk with PNG, JPG or WebP output, locally in your browser.
如何使用「图片添加背景（透明 PNG 加底色）」？How do I use the Add Image Background tool?
在「图片添加背景（透明 PNG 加底色）」中，选择或拖入文件，按需设置「背景」、「颜色」、「渐变结束颜色」、「角度（°）」、「背景图片」等选项，然后点击每个结果旁的「下载」按钮即可；有多个文件时也可以点「全部下载（ZIP）」一次打包下载。In the Add Image Background: Choose or drop your files, set "Background", "Colour", "Gradient end colour", "Angle (°)", "Background image", then click the Download button next to each result (with several files, "Download all (ZIP)" saves them together).
什么样的图片适合加背景？Which images is this for?
主要用于带透明区域的图片：抠图后的人像和商品图、透明背景的 Logo、图标和贴纸等。透明和半透明的地方会显示你选的背景，半透明的头发丝和阴影会和背景自然融合。普通照片没有透明区域，背景会被完全挡住，这时可以用“四周留白”给照片加一圈背景边框。It's mainly for images with transparent areas: cut-out portraits and product shots, logos, icons and stickers with transparent backgrounds. Transparent and semi-transparent parts show the background you choose, so fine hair and soft shadows blend in naturally. An ordinary photo has no transparent areas and hides the background completely; use Padding to put a border of background around it instead.
渐变角度怎么设置？How does the gradient angle work?
角度和 CSS 的 linear-gradient 一致：0° 从下到上，90° 从左到右，180°（默认）从上到下，270° 从右到左，斜角度按图片的长宽自动铺满整个画面，从“颜色”过渡到“渐变结束颜色”。Angles work like CSS linear-gradient: 0° runs bottom to top, 90° left to right, 180° (the default) top to bottom and 270° right to left; diagonal angles stretch to cover the whole picture. The gradient goes from Colour to Gradient end colour.
用图片当背景时有哪些方式？How can a picture be used as the background?
铺满：等比例放大到盖住整个画面，多余部分裁掉（最常用）；完整显示：背景图完整可见，空出的地方用“颜色”填充；拉伸：直接拉伸到画面尺寸，可能变形；平铺：按原尺寸重复排列，适合纹理图案。批量处理时每张图都用同一张背景图。Cover scales the background up until it fills the picture and crops the rest (the usual choice). Contain shows the whole background and fills the gaps with Colour. Stretch resizes it to the exact size, which may distort it. Tile repeats it at its original size, good for textures. In a batch every image gets the same background picture.
支持哪些图片？会上传吗？Which images work, and are they uploaded?
支持 JPG、PNG、WebP、GIF（静态或动图的第一帧）、BMP、AVIF、HEIC，以及浏览器能打开的 SVG；可一次拖入最多 50 张批量处理，单张最大 60 MB、1 亿像素；多张结果可打包成 ZIP 下载。所有处理都在你的浏览器里完成，图片不会上传，结果中也不会保留 EXIF 等元数据（包括拍摄位置）。JPG, PNG, WebP, GIF (a still or the first frame of an animation), BMP, AVIF, HEIC, and SVG that the browser can open. Drop in up to 50 images at once; each can be up to 60 MB and 100 megapixels, and several results can be downloaded as a ZIP. Everything happens in your browser: images are not uploaded, and EXIF and other metadata (including location) is not kept in the results.
「图片添加背景（透明 PNG 加底色）」免费吗？需要注册吗？Is the Add Image Background free? Do I need an account?
「图片添加背景（透明 PNG 加底色）」完全免费，无需注册或安装，打开网页即可使用，手机和电脑都能用；输入的内容只在你的浏览器本地处理。The Add Image Background is completely free with no sign-up or install and works on phones and desktops; what you enter is processed only in your browser.