使用方法
- 点击“选择文件”,或把图片拖到方框中。也可以按 Ctrl+V 粘贴。
- 如果图片是横放的,点击“向左旋转”、“向右旋转”或某个翻转按钮。
- 选择“宽高比”,或保持“自由”。拖动方框可放置它,拖动其角或边可调整大小。
- 需要精确数值时,以像素输入“左边距”、“上边距”、“宽”和“高”。
- 点击“裁剪图片”,然后下载结果。
移动与调整方框
在方框内拖动可以移动它,拖动角或边可以调整大小。选择了比例后,拖动角时会保持该比例,拖动边时则按比例算出另一边。方框不会移出图片。使用键盘时,按 Tab 切换到方框,然后用方向键移动它,按住 Shift 再按方向键可改变其大小。
先旋转或翻转
用手机横握拍摄的照片,浏览器读取其方向信息时会自动旋转,因此通常显示正确。若没有,请在这里旋转或翻转。裁剪结果是从旋转后的图片上切下的,旋转或翻转后,方框会恢复为整张图片。
圆形裁剪
圆形裁剪取一个正方形区域,再把它裁成圆形。圆外的四角为透明,而 JPEG 无法存储透明,因此结果总是 PNG。适用于头像和圆形徽标。
示例:由 4000 × 3000照片得到16:9的页眉
在 4000 × 3000像素的照片上选择16:9比例。该形状的最大方框宽4000像素、高2250像素,距顶部375像素,因此上下两条带被均匀去除。
结果为 4000 × 2250像素的图片,形状适合网站页眉,文件名以“-裁剪”结尾。
常见问题
裁剪照片时照片会被上传吗?
不会。裁剪在您自己的设备上、在浏览器中完成。页面加载后断开网络连接,再裁剪一张图片,即可核对这一点。
裁剪会降低图片的质量吗?
切去一部分不会改变保留下来的像素。JPEG 会以较高的质量重新写入,因此裁剪后的 JPEG 与原图略有不同,但在这一质量下差别很小。
如何做一张圆形头像?
勾选“圆形裁剪”。方框会变成正方形,图片被裁成带透明四角的圆形。结果是 PNG,因此可以放在任何背景上。
旋转时方框为什么会跳回整张图片?
旋转或翻转会改变图片的形状,因此方框会被重新设置为整张图片,或您选择的比例。旋转图片后,请重新画出或输入方框。
能把图片裁剪为精确的像素数吗?
可以。以像素输入“左边距”、“上边距”、“宽”和“高”。方框会保持在图片之内,超出边缘的数值会被拉回到边缘。
资料来源
- MDN:CanvasRenderingContext2D.setTransform(),图片如何放置和旋转(英文)
- MDN:CanvasRenderingContext2D.clip(),圆形裁剪(英文)
- MDN:Pointer events,用鼠标、触控笔或触摸拖动方框(英文)
数据和文字最近核对于2026年11月10日星期二。