跳到正文

图片描边与留白

Border & Padding

给图片加纯色、渐变或圆角边框和留白,也能补白到指定比例。

看起来像一件事的两件事:给照片加一圈看得见的边框,以及把照片填充成平台要求的形状。两者都是增加像素而不是去掉像素,这正是重点——一张 16:9 的照片可以完整地放进方形网格,而不是被裁掉以适配。

🔒 完全在你的浏览器里运行borderpaddingframe

把照片放到这里

加边框、按比例补白、把角倒圆 —— 全在这个标签页里完成。

怎么用

  1. 选百分比或像素

    百分比按短边算,所以一批尺寸不同的图用同一个设置视觉上仍然一致。数字确实就是一个数字的时候,用像素。

  2. 需要的话填充到某个比例

    网格缩略图用 1:1,信息流帖子裁剪前能到的最高比例用 4:5,故事用 9:16。面板显示结果画布的尺寸和它的约简比例。

  3. 圆角,内圆或外圆

    照片圆角把边框内的画面倒圆;外圆角把整体倒圆,那需要带 alpha 的格式。

  4. 在底部加一条给图注的留白

    只在底部额外填充——宝丽来的形状,图注或 logo 放在这里不会盖住画面。

常见问题

填充到某个比例会裁掉我的照片吗?

永远不会。比例填充只在短轴上增加背景。想要另一种行为——填满形状并裁掉溢出——那是尺寸调整里的“覆盖”。

圆角出来是黑的。

输出是 JPEG,它没有 alpha 通道,所以编码器把透明的角合成到了黑色上。存成 PNG 或 WebP。

为什么描边在照片内侧而不是外面?

这样圆角也会把它一起裁掉。画在照片边缘外面的描边会保持方形,在圆角照片外面留下一条戳出来的硬线。

可以从这些接进来

接下来

这些工具吃得下当前工具的产出,结果可以直接送过去。