给它加个框

图片边框与圆角

加一圈边框、把角磨圆、背景保持透明 —— 存盘之前先看清楚。

给它加个框

☞ 全程在你的浏览器中运行 —— 不会上传任何图片

把图片拖到这里

或点击浏览 —— PNG、JPG、WebP 或 GIF

用百分比,不用像素

在任何尺寸下都长得一样的边框

边框宽度和圆角半径都按**短边的百分比**设定,而不是像素。这正是「一套设置能带着走」和「不能」的分别:40 像素的圆角在 4000 像素的照片上根本看不见,在 400 像素的头像上却会把人脸吃掉一半,而百分之四在两张图上看起来都是百分之四。读数里仍然显示换算出来的像素值,需要确切数字时随时能看。

四角是用两条同心路径切出来的 —— 外沿按你设的半径,里面的图按「半径减去边框宽度」—— 这样边框绕过圆角时厚度是均匀的,不会在四角鼓出来。圆角之外的部分,PNG 与 WebP 保留真正的透明;JPG 做不到,只能填上你选的底色,所以切到 JPG 时那个开关会自己关掉。

三步

如何给图片加边框

01

把图片拖进来

PNG、JPG、WebP 和 GIF 都在你的浏览器里解码。头像照片或者还没发布的截图都留在你自己的机器上。

02

设边框与圆角

选好边框的宽度和颜色,再决定四角磨多圆。正方形图设到 50% 时结果就是一个圆 —— 头像通常要的就是这个。

03

选格式,存下来

PNG 或 WebP 会让圆角之外保持透明;JPG 不行,那里会填上底色 —— 因为 JPEG 根本没有透明通道。

快速解答

图片边框常见问题

为什么边框按百分比而不是像素设?

为了让一套设置在任何图上都成立。按像素量的边框在大图上细得像根发丝,在缩略图上却像个画框;按短边的百分比在两者上看起来一样。换算出来的像素值就显示在预览旁边。

怎么做圆形头像?

先把图裁成正方形,再把圆角半径设到 50% —— 这时四条边的弧在中点相接,形状就是一个圆。格式留在 PNG 或 WebP,圆外才是透明的。

我的圆角怎么变成黑的了?

那是格式选了 JPG(它没有透明通道)而又没指定底色时会发生的事。本工具在选 JPG 时会自动关掉透明开关、改用底色填充,所以不会莫名其妙拿到四个黑角。

图片会被裁掉吗?

不会。边框是加在图**外面**的,不是盖在图上,所以成品比原图大出两倍边框宽度。除了圆角切掉的那一点,原图什么都没被遮住。

图片会被重新编码吗?

会 —— 加好边框的结果是一个新文件。PNG 和 WebP 在这里基本是无损的,JPG 会以高质量重新编码。如果原图是 JPG 又导出成 JPG,会有一次正常的二代压缩损失。

最大能处理多大的图?

最大 25 MB。加宽边框会让画布变大,而浏览器对画布尺寸有上限,所以超大照片配超宽边框会被等比缩小 —— 真发生时尺寸那行会明说。

能用在动图 GIF 上吗?

只会取第一帧,结果是一张静图。动画在这个工具里无法保留;要做动图,请先给每一帧加好边框,再用「图片转 GIF」拼起来。

我的图片会被上传吗?

不会。图片在你的浏览器里解码和重绘,结果直接写进你的下载目录。这个工具里没有服务器可以把照片发过去。

免费吗?

免费,无水印。