给它加个框
☞ 全程在你的浏览器中运行 —— 不会上传任何图片把图片拖到这里
或点击浏览 —— PNG、JPG、WebP 或 GIF
预览
给它加个框
加一圈边框、把角磨圆、背景保持透明 —— 存盘之前先看清楚。
或点击浏览 —— PNG、JPG、WebP 或 GIF
预览
用百分比,不用像素
边框宽度和圆角半径都按**短边的百分比**设定,而不是像素。这正是「一套设置能带着走」和「不能」的分别:40 像素的圆角在 4000 像素的照片上根本看不见,在 400 像素的头像上却会把人脸吃掉一半,而百分之四在两张图上看起来都是百分之四。读数里仍然显示换算出来的像素值,需要确切数字时随时能看。
四角是用两条同心路径切出来的 —— 外沿按你设的半径,里面的图按「半径减去边框宽度」—— 这样边框绕过圆角时厚度是均匀的,不会在四角鼓出来。圆角之外的部分,PNG 与 WebP 保留真正的透明;JPG 做不到,只能填上你选的底色,所以切到 JPG 时那个开关会自己关掉。
三步
PNG、JPG、WebP 和 GIF 都在你的浏览器里解码。头像照片或者还没发布的截图都留在你自己的机器上。
选好边框的宽度和颜色,再决定四角磨多圆。正方形图设到 50% 时结果就是一个圆 —— 头像通常要的就是这个。
PNG 或 WebP 会让圆角之外保持透明;JPG 不行,那里会填上底色 —— 因为 JPEG 根本没有透明通道。
快速解答
为了让一套设置在任何图上都成立。按像素量的边框在大图上细得像根发丝,在缩略图上却像个画框;按短边的百分比在两者上看起来一样。换算出来的像素值就显示在预览旁边。
先把图裁成正方形,再把圆角半径设到 50% —— 这时四条边的弧在中点相接,形状就是一个圆。格式留在 PNG 或 WebP,圆外才是透明的。
那是格式选了 JPG(它没有透明通道)而又没指定底色时会发生的事。本工具在选 JPG 时会自动关掉透明开关、改用底色填充,所以不会莫名其妙拿到四个黑角。
不会。边框是加在图**外面**的,不是盖在图上,所以成品比原图大出两倍边框宽度。除了圆角切掉的那一点,原图什么都没被遮住。
会 —— 加好边框的结果是一个新文件。PNG 和 WebP 在这里基本是无损的,JPG 会以高质量重新编码。如果原图是 JPG 又导出成 JPG,会有一次正常的二代压缩损失。
最大 25 MB。加宽边框会让画布变大,而浏览器对画布尺寸有上限,所以超大照片配超宽边框会被等比缩小 —— 真发生时尺寸那行会明说。
只会取第一帧,结果是一张静图。动画在这个工具里无法保留;要做动图,请先给每一帧加好边框,再用「图片转 GIF」拼起来。
不会。图片在你的浏览器里解码和重绘,结果直接写进你的下载目录。这个工具里没有服务器可以把照片发过去。
免费,无水印。