Toolkitbar

给图片加圆角,或裁成圆形

圆角或圆形裁切,边缘是真透明而不是填了个底色。

把文件拖到这里

或点击选择文件

选项

在你的设备上运行 文件由你自己的浏览器处理,不会上传到任何服务器。

一句话答案

在浏览器里可以给图片加圆角或裁成圆形,被去掉的区域是真正的透明,而不是被涂上某个背景色。结果保存为 PNG——这是被广泛支持且带 alpha 通道的格式,所以无论之后把它放到什么背景上,圆角边缘都是对的。

一览

支持输入JPG、PNG、WebP、GIF、BMP
输出格式边缘透明的 PNG
处理方式浏览器本地
价格免费,无次数限制
账号无需注册

做圆角最容易踩的坑,是把角落填成页面当时的颜色。在设计稿里看着没问题,换个地方就全错了——深色主题下、文档里、照片上都会露馅。这里的角是被去掉的,不是被盖住的,所以不管后面衬什么,文件都是对的。

圆形选项会先把图裁成正方形,这样横构图的照片得到的是真正的圆,而不是被切掉两侧的椭圆。头像、团队页人像、圆形应用图标要的都是这个。

使用步骤

  1. 1

    添加图片

    拖入任意常见格式的图片。

  2. 2

    选择圆角还是圆形

    选圆角的话,再决定要削掉多大一块角。

  3. 3

    下载 PNG

    角落是透明的,放到任何背景上都正常。

常见问题

为什么输出必须是 PNG?

因为在这里它是唯一既能存透明、又到处都能打开的常见格式。存成 JPEG 会把去掉的角落直接压回一个纯色,那就等于白做了。

圆角边缘会有锯齿吗?

不会。遮罩是带抗锯齿绘制的,弧线上是一圈半透明的过渡像素,而不是一级级的台阶。

圆形选项会让画面变形吗?

不会。它先从中心裁出能裁到的最大正方形,再在这个正方形上挖圆,所以没有任何拉伸——正方形以外的部分是被切掉的。

圆角该选多大?

圆角半径是按较短边的比例算的,不是固定像素数,所以同一个设置在任何分辨率下看起来都一样。卡片和缩略图选「适中」;选「最大」会得到两端完全成半圆的形状,也就是胶囊按钮的样子。

相关工具

浏览全部图片工具