图片裁剪
⚙️ 裁剪设置
原图尺寸
{{ originalWidth }} × {{ originalHeight }}
缩放尺寸
{{ Math.round(originalWidth * zoomPercent / 100) }} × {{ Math.round(originalHeight * zoomPercent / 100) }}
裁剪尺寸
{{ Math.round(cropData.width) }} × {{ Math.round(cropData.height) }}
输出尺寸
{{ customWidth }} × {{ customHeight }}
📷 图片预览
{{ originalWidth }} × {{ originalHeight }}
点击或拖拽上传图片
支持 PNG、JPEG、WebP、GIF 格式;也可直接 Ctrl+V 粘贴图片
💡 功能说明
在线图片裁剪工具:基于 Cropper.js 实现,支持自由裁剪与多种固定比例(1:1、4:3、16:9 等),可旋转、翻转、缩放,并自定义输出尺寸,所有处理均在浏览器本地完成。
- 比例裁剪:内置 1:1、4:3、16:9、3:2 及竖版比例,也支持自定义输出宽高
- 自由变换:支持左/右旋转 90°、水平/垂直翻转、滚轮或滑块缩放
- 格式输出:可导出 PNG(保留透明)或 JPEG(白底),JPEG 可调质量
- 实时信息:显示原图尺寸与当前裁剪区域尺寸,所见即所得
- 一键下载:裁剪后直接下载裁剪结果,不上传任何图片数据
⚠️ 注意事项
- 支持 PNG、JPEG、WebP、GIF 等常见格式,GIF 会导出为静态图
- 自定义比例时,输出尺寸以填写的宽高为准,与裁剪框比例可不一致
- 旋转、翻转操作会作用于整张图片,裁剪框随之更新
- JPEG 不支持透明,透明区域将填充为白色背景
- 此工具不会上传或存储图片,关闭页面后数据即清除