编辑
☞ 全程在你的浏览器中运行 —— 不会上传任何图片把图片拖到这里
或点击浏览 —— PNG、JPG、WebP 或 GIF
预览
编辑
真正透明的圆角,不是拿白色方块冒充。
或点击浏览 —— PNG、JPG、WebP 或 GIF
预览
按百分比,不按像素
40 像素的圆角放在 4000 像素的照片上根本看不见,同样的值换到 400 像素的头像上能切掉半张脸。所以这里的半径是**短边的百分比**:一套设置在缩略图和海报上看起来一样。换算出来的像素值就显示在下面,需要对着规范填数时也够用。
另一半的活儿在格式上。圆角需要透明,而 JPEG 根本没有透明通道 —— 把圆角图存成 JPEG,四角会变成实心黑块,除非有东西去填。这个工具默认 PNG,让四角真的空着;你要是选了 JPEG,它会先问你要什么底色,而不是默不作声地给你四个黑三角。
三步
PNG、JPG、WebP、GIF 都行。在页面里解码,从不上传。
滑杆从 0 拖到短边的 50%。正方形图片拖到 50% 就是一个圆。同一块面板里还能顺手加个边框。
PNG 保留透明四角。也有 JPEG 和 WebP,圆角切掉的部分由你选的底色填上。
快速解答
PNG 和 WebP 里是真的 —— 圆角路径以外的像素 alpha 为 0。JPEG 做不到:这个格式压根没有 alpha 通道,所以你得选一个底色,四角用它填上。
因为像素单位的半径只在一个尺寸上成立。10% 在 400 和 4000 像素的图上看起来是一样的,而 40 像素在前者上像个圆、在后者上几乎看不出来。换算出的像素值显示在预览下方。
正方形图片把半径拉到 50% 就是正圆。长方形这么做得到的是胶囊形 —— 用「圆形裁剪」,它会先把图裁成正方形。
能。边框在圆角外侧、沿同一条弧走,内圈半径会减去边框宽度,两道弧因此同心。只想要圆角就把边框设成 0%。
浏览器的画布面积有上限。结果一旦超限,导出会自动缩小到能画下,预览里会写明 —— 而不是给你一张空白图。
不会。图片在你的浏览器里解码、绘制、重新编码,全程没有任何请求发往服务器。