编辑

图片加圆角

真正透明的圆角,不是拿白色方块冒充。

编辑

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

把图片拖到这里

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

按百分比,不按像素

用像素定圆角半径是错的单位

40 像素的圆角放在 4000 像素的照片上根本看不见,同样的值换到 400 像素的头像上能切掉半张脸。所以这里的半径是**短边的百分比**:一套设置在缩略图和海报上看起来一样。换算出来的像素值就显示在下面,需要对着规范填数时也够用。

另一半的活儿在格式上。圆角需要透明,而 JPEG 根本没有透明通道 —— 把圆角图存成 JPEG,四角会变成实心黑块,除非有东西去填。这个工具默认 PNG,让四角真的空着;你要是选了 JPEG,它会先问你要什么底色,而不是默不作声地给你四个黑三角。

三步

图片怎么加圆角

01

把图片拖进来

PNG、JPG、WebP、GIF 都行。在页面里解码,从不上传。

02

定半径

滑杆从 0 拖到短边的 50%。正方形图片拖到 50% 就是一个圆。同一块面板里还能顺手加个边框。

03

下载

PNG 保留透明四角。也有 JPEG 和 WebP,圆角切掉的部分由你选的底色填上。

快速解答

图片圆角常见问题

四角是真的透明吗?

PNG 和 WebP 里是真的 —— 圆角路径以外的像素 alpha 为 0。JPEG 做不到:这个格式压根没有 alpha 通道,所以你得选一个底色,四角用它填上。

为什么半径用百分比?

因为像素单位的半径只在一个尺寸上成立。10% 在 400 和 4000 像素的图上看起来是一样的,而 40 像素在前者上像个圆、在后者上几乎看不出来。换算出的像素值显示在预览下方。

能做成正圆吗?

正方形图片把半径拉到 50% 就是正圆。长方形这么做得到的是胶囊形 —— 用「圆形裁剪」,它会先把图裁成正方形。

能同时加边框吗?

能。边框在圆角外侧、沿同一条弧走,内圈半径会减去边框宽度,两道弧因此同心。只想要圆角就把边框设成 0%。

图特别大会怎样?

浏览器的画布面积有上限。结果一旦超限,导出会自动缩小到能画下,预览里会写明 —— 而不是给你一张空白图。

会上传吗?

不会。图片在你的浏览器里解码、绘制、重新编码,全程没有任何请求发往服务器。