图像圆角
用烘焙在透明 PNG 中的圆角矩形(或圆或方圆)路径裁剪图像。对头像方块、缩略图块以及任何需要匹配 `border-radius` 样式而不在 CSS 中实现的图像有用。逐角模式接受四个独立半径(左上、右上、右下、左下);padding 在裁剪周围添加不透明边框;JPEG 模式把透明度展平为所选背景色,因为 JPEG 不能携带 alpha。
—
使用方法
- 拖入图像。选择模式 —— 普通圆角卡片用均匀半径,从方形得到头像用圆形,iOS 风格用方圆。
- 如果需要非对称裁剪(例如聊天气泡的角),逐角模式给你四个滑块。
- 下载为 PNG 保留透明角,或 JPEG 如果大小比 alpha 更重要。
常见问题
- 什么是 squircle(方圆)?
- 圆和方之间的连续曲率形状 —— iOS 应用图标形状,Apple 的"超椭圆"(n≈4)。它看起来比圆角矩形更柔和,因为曲率没有从直到曲的突变。
- 为什么我的输出有棋盘格背景?
- 那只是预览显示透明区域。下载的 PNG 保持真正的透明 —— 放入页面,角会是透明的。
相关工具
Border Radius 生成器
独立拖拽四角、尝试椭圆半径、复制 CSS——内置 chat-bubble、pill、blob、tab 等预设。
颜色 0 0
图像裁切 (自动裁剪透明 / 纯色边框)
自动检测并裁剪图像的透明、白色、黑色或任意纯色边框 — 可调容差、可加内边距、支持 PNG/JPEG/WebP 导出。全部在浏览器内完成。
图片 0 0
循环赛配对调度器 (锦标赛与 1对1 轮换)
生成一份完整的循环赛配对赛程, 让每位参与者都与其他每位参与者恰好相遇一次 — 使用经典的圆圈法。
随机 0 0
CSS clip-path 构建器 (圆、椭圆、多边形、Inset)
CSS `clip-path` 属性可视构建器 — 选择形状 (圆、椭圆、inset、多边形)、用滑块调整数值或点击预览添加多边形顶点、复制即用 CSS 声明。内置 10 种形状预设 (三角形、六边形、星形、箭头、对话气泡、十字等)。
颜色 0 0
图片裁剪(按比例)
把图片按 1:1、16:9、4:3 等标准比例自动居中裁剪。
图片 0 0
图像锐化 (Unsharp Mask)
在浏览器内用 unsharp mask 算法锐化任意照片或截图 — 三个滑块 (amount, radius, threshold)、四个预设 (轻微 → 极强)、实时前后对比、PNG 下载。无上传。
图片 0 0