可以开始使用
浏览器本地 · 无需账号 · 结果留在当前页面
拖放图片到这里，或点击上传
Supported format: JPG / PNG / WEBP, max 12MB
No image uploaded
原始图片尺寸
Waiting for image
裁剪取景
Original
浏览器侧裁剪流程
基于当前公开实现，裁剪和导出设计为在浏览器侧处理。除非你已审阅实现方式，否则请避免使用敏感图片。
- 拖动图片而不是边框。可见窗口就是最终裁剪区域。
- 想保持形状只做干净裁切时，使用 Original。
- 清晰图形使用 PNG；更在意文件体积时使用 JPG/WEBP。
图片裁剪工具可以在浏览器中调整取景范围并导出图片。
适合头像、封面、社媒配图和网页素材。
清晰原图
使用分辨率足够的图片，裁剪后更清晰。
目标比例
提前确认头像、封面或页面需要的宽高比。
本地文件
图片处理在浏览器中完成，基于当前公开实现设计为在浏览器中处理。
示例
把横图裁剪成 1:1 头像或 16:9 封面。
假设
浏览器支持本地图片读取和 canvas 导出。
限制
超大图片可能占用较多内存，建议先压缩或缩放。
先确定目标平台比例
公众号、知乎、CSDN、掘金、小红书和视频封面常用比例不同，裁剪前先选目标。
保留主体安全区
人物、标题、logo 和关键 UI 不要贴边，避免平台裁切、圆角或遮罩挡住。
裁剪前保留原图
裁剪会丢掉画面信息，重要素材应保留原始文件，方便重新导出其他比例。
先缩小再裁剪
如果先把图片压得太小，后续裁剪封面或头像时容易丢失主体细节。
忽略平台遮挡
小红书、视频号、公众号和网页卡片可能有标题、头像或按钮遮挡，裁剪时要留出安全区域。
裁掉关键文字
产品截图、教程图和海报里如果裁掉按钮、标题或二维码，发布后读者会看不懂。
适合多平台封面准备
同一张图可以分别裁成公众号首图、小红书竖图、知乎横图和视频封面，不要指望一个比例通吃。
先构图再压缩
画面范围确定后再压缩，能避免为了体积反复处理不需要的区域。
裁剪结果要看预览尺寸
桌面上看清楚的细节，缩到手机信息流后可能只剩一团颜色。
头像裁剪
制作正方形头像或团队照片。
封面图
裁剪博客、视频或社媒封面。
网页素材
按固定比例准备页面图片。
快速预览
不用打开专业软件即可调整取景。
头像图片裁剪
把照片裁成正方形或圆形头像前，先保留脸部和边缘安全区域。
封面比例裁剪
为公众号、小红书、视频封面或博客卡片准备目标宽高比。
产品截图裁剪
去掉无关区域，同时保留标题、按钮、二维码和关键界面信息。
图片会上传吗？
不会。裁剪过程在浏览器本地完成。
支持哪些格式？
页面支持常见 JPG、PNG、WEBP 等浏览器可读取格式。
可以固定比例吗？
可以使用常见比例预设或手动调整。
裁剪会降低质量吗？
导出质量取决于原图、裁剪尺寸和导出设置。
裁剪和调整尺寸有什么区别？
裁剪会改变画面范围，调整尺寸只改变像素大小。做封面通常先裁剪，再按平台尺寸导出。
为什么同一张图要裁多个版本？
不同平台和入口比例不同，一个版本可能在另一个平台被裁掉重要内容。
图片会上传吗？
不会。裁剪过程在浏览器本地完成。
支持哪些格式？
页面支持常见 JPG、PNG、WEBP 等浏览器可读取格式。
可以固定比例吗？
可以使用常见比例预设或手动调整。
裁剪会降低质量吗？
导出质量取决于原图、裁剪尺寸和导出设置。
裁剪和调整尺寸有什么区别？
裁剪会改变画面范围，调整尺寸只改变像素大小。做封面通常先裁剪，再按平台尺寸导出。
为什么同一张图要裁多个版本？
不同平台和入口比例不同，一个版本可能在另一个平台被裁掉重要内容。
推荐流程
图片处理流程
先裁剪取景，再压缩或调整尺寸。