✂️

图片裁剪

⚙️ 裁剪设置
×
原图尺寸 {{ 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 不支持透明,透明区域将填充为白色背景
  • 此工具不会上传或存储图片,关闭页面后数据即清除