图片圆角工具

把任意图片裁剪成圆角矩形或正圆，导出带有真正透明效果的PNG——适合头像、应用截图和幻灯片。

图片圆角工具基于canvas完全在你的浏览器中运行。你的图片在你的设备上处理，绝不会上传。

由 Udit Agarwal 开发和维护

打开图片裁剪工具

关于 图片圆角工具

图片圆角工具做的是CSS的border-radius所做的事——只不过把效果直接烧录进文件里，覆盖CSS无法触及的所有场景：幻灯片、文档、聊天App、电商平台和应用商店截图。拖入一张图片，选择从轻微到药丸形状的预设，或者拖动圆角半径滑块；这个半径会按短边的百分比计算，相邻两个角会同时收缩而不是互相重叠——这与浏览器解析border-radius的方式完全一致。圆形模式会先裁出居中的正方形，再裁成完美的圆形——头像制作一步到位。导出的是一张角落真正透明的PNG。

功能特性

• 圆角半径滑块，范围为短边的0%到50%
• 预设选项：轻微、中等、圆润和完全圆形
• 类似CSS的重叠处理方式，不会出现挤压变形的角
• 圆形模式自动进行居中正方形裁剪
• 导出的PNG具有真正的Alpha透明度
• 在棋盘格背景上预览效果

如何使用 图片圆角工具

1. 拖入一张图片，或点击选择
2. 选择预设选项或拖动圆角半径滑块
3. 需要制作头像时切换到圆形模式
4. 下载透明PNG

示例

输入

1200×800 screenshot · radius 10%

输出

PNG with 80 px rounded corners and transparent outside

800像素短边的10%——与CSS的border-radius算法完全相同。

常见错误与故障排除

• 在其他应用中角落显示为白色。 — 透明效果是真实存在的——有些应用在粘贴时会把PNG压平在白色背景上。请插入文件，而不是粘贴图像数据。
• 圆形裁剪切掉了部分主体内容。 — 圆形模式是按居中的正方形进行裁剪的。请提前裁剪图片，让主体位于中心——人像照片中的脸部很少正好在画面正中央。
• 设为50%时得到的是药丸形状，而不是圆形。 — 在非正方形图片上，短边的50%会把两端裁成半圆——这就是药丸形状。想要圆形请使用圆形模式，它会先把裁剪区域调整为正方形。

常见问题

不用设计软件怎么给图片加圆角？

把图片拖到这里，拖动滑块，下载PNG即可。圆角效果连同透明的角落都直接裁切进了文件本身，因此可以用在任何地方——无需目标位置支持样式设置。

百分比圆角半径和border-radius是什么关系？

它们是刻意设计成一致的：百分比对应的是短边，当同一条边上的两个圆角半径会发生重叠时，两者会按比例同时缩小——这正是浏览器所采用的解析规则。

可以把长方形照片做成圆形头像吗？

可以——圆形模式会裁出最大的居中正方形，再一步裁成圆形。结果就是一张透明PNG。

加圆角会降低图片质量吗？

不会。形状范围内的像素会原样复制；只有角落区域会变成透明。因为导出格式是无损PNG，所以也不会发生任何重新压缩。

相关工具

• 图片裁剪 — 自由区域或固定比例裁剪，全分辨率下载。
• 应用图标生成器 — 将一张图片转换为所有 iOS、macOS 和 Android 应用图标尺寸——打包为 ZIP，在您的浏览器中完成。
• 图片格式转换工具 — 在浏览器中完整地在 PNG、JPEG 和 WebP 之间转换图片。
• 图片翻转与旋转 — 在浏览器中旋转和翻转图片
• 图片水印 — 文字或Logo，定位或平铺，可调透明度与旋转。
• SVG 转 PNG 转换器 — 在浏览器中把 SVG 标记或 .svg 文件以任意比例栅格化为清晰的 PNG 或 JPG。

更多图片工具

• 色盲模拟器 — 查看图片在红色盲或绿色盲眼中的样子。
• 图片DPI修改器 — 在不重新压缩像素的情况下设置PNG或JPEG的DPI。
• BlurHash 生成器 — 编码与解码模糊的图片占位符。
• 占位图生成器 — 任意尺寸的 SVG、PNG 或 data URI 占位图。
• ASCII 字符画生成器 — 以可调对比度把图片转成 ASCII 字符画。
• 图片滤镜 — 应用灰度、棕褐色、对比度、模糊等效果，导出 PNG 和 CSS。
• 图片分割工具 — 把图片切成网格小块，并打包成 ZIP 下载。
• 图片合并工具 — 把图片横排、竖排或按网格拼接。
• 协作白板 — 通过两个浏览器之间的直连一起涂画。
• 指印制作 — 把蘸墨拇指印的照片做成表格可用的透明 PNG。
• 签名去背景 — 把纸质照片里的签名揭成透明 PNG，墨色自选。
• 图片转文字（OCR） — 在本地识别照片、截图和扫描件里的文字。

查看全部图片工具 (40) · 全部工具