图像裁剪工作室

裁一张图,
刚好合适。

浏览器本地裁剪与缩放图片。支持目标尺寸、常用比例、cover / contain / stretch、焦点位置、圆角、导出倍率和 PNG / JPG / WEBP。

裁剪控制1200×900
比例
宽度1200px
高度900px
适配方式
缩放1x
焦点位置
横向焦点50%
纵向焦点50%
圆角0px
导出
倍率1x
质量0.92
LIVE CANVAS1200×900
CSS object-fit reference
.cropped-image {
  width: 1200px;
  aspect-ratio: 1200 / 900;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0px;
}
Report
BitLeap Image Crop Studio

图片:内置样张
目标尺寸:1200×900px
导出像素:1200×900px
比例:original (1200:900)
模式:cover
焦点:50% 50%
缩放:1.00x
圆角:0px
背景:#f4f1e9
格式:PNG · quality 0.92

.cropped-image {
  width: 1200px;
  aspect-ratio: 1200 / 900;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0px;
}
LOCAL CANVAS

图片通过浏览器本地读取并绘制到 canvas,不上传服务器。导出时直接从当前画布生成文件。

FOCUS CROP

Cover 裁切时可以调焦点位置,避免头像、主体或关键内容被默认居中裁掉。

EXPORT SCALE

导出倍率会改变最终像素。大图或 4x 导出会占用更多内存,移动端建议适度使用。

BitLeap · 本地计算 · 隐私优先