跳转到主内容

图片裁剪

将图片裁剪为特定的宽高比和位置。适用于社交媒体帖子、头像和缩略图。

💡 Tips for Best Results

  • Aspect Ratio: Select ratio based on your use case (1:1 for Instagram, 16:9 for videos)
  • Position: Choose where to focus the crop (center is most common)
  • Free Crop: Maintains original aspect ratio with 80% of image
  • Quality: Cropping doesn't reduce quality, only removes parts of the image
  • Privacy: All processing happens in your browser - no uploads to server

主要功能

  • 多种宽高比选项
  • 自由裁剪或固定比例
  • 5个裁剪位置(中央、顶部、底部、左侧、右侧)
  • 实时预览
  • 高质量输出
  • 客户端处理

宽高比

支持的比例

Free(自由)

  • 无限制裁剪
  • 拖动调整大小
  • 完全自由

1:1(正方形)

  • 完美正方形
  • 用途:Instagram帖子、头像、缩略图
  • 平台:Instagram、Facebook、Twitter头像

4:3

  • 宽4、高3
  • 用途:一般照片、演示文稿
  • 平台:传统显示比例

16:9

  • 宽屏
  • 用途:YouTube缩略图、网站横幅、电视/显示器
  • 平台:YouTube、视频内容

9:16(故事)

  • 竖屏(16:9的相反)
  • 用途:Instagram/Facebook故事、Reels、TikTok
  • 平台:移动优先内容

4:5(Instagram)

  • 竖屏
  • 用途:Instagram动态帖子
  • 平台:Instagram竖屏照片的最佳比例

裁剪位置

位置选项

中央

  • 从图像中心裁剪
  • 最常见的选择
  • 当主体居中时最佳

顶部

  • 从图像顶部裁剪
  • 重要用于天空、背景

底部

  • 从图像底部裁剪
  • 重要用于底部内容

左侧

  • 从左侧裁剪
  • 需要左对齐

右侧

  • 从右侧裁剪
  • 需要右对齐

使用场景

1. Instagram帖子

比例:1:1(正方形)或4:5(Instagram)
位置:中央
目的:优化动态帖子

2. Instagram/Facebook故事

比例:9:16(故事)
位置:中央
目的:竖屏故事内容

3. YouTube缩略图

比例:16:9
位置:中央
目的:视频缩略图(1280×720px)

4. 头像

比例:1:1(正方形)
位置:中央
目的:社交媒体头像

支持的格式

  • 输入:PNG、JPG、JPEG、WebP
  • 输出:PNG(高质量)
  • 最大大小:50MB
  • 质量:无损

裁剪技巧

平台特定比例

Instagram

  • 动态帖子:1:1(正方形)或4:5
  • 故事:9:16(1080×1920px)
  • 头像:1:1(320×320px)
  • Reels:9:16

YouTube

  • 缩略图:16:9(1280×720px)
  • 频道横幅:16:9(2560×1440px)
  • 头像:1:1

Facebook

  • 帖子:1:1或4:5
  • 封面照片:16:9(820×312px)
  • 故事:9:16
  • 头像:1:1

技术细节

裁剪方法

  • Canvas API:使用HTML5 Canvas进行图像裁剪
  • 客户端处理:直接在浏览器中处理
  • 高质量渲染:保持原始分辨率
  • 无损处理:保存为PNG格式

隐私保护

  • ✅ 所有处理都在您的浏览器中进行
  • ✅ 图片不会上传到任何服务器
  • ✅ 100%客户端处理
  • ✅ 离线工作(页面加载后)

常见问题

Q:裁剪会降低分辨率吗?

A:裁剪会保持原始分辨率。但是,如果裁剪区域很小,最终图像大小也会较小。

Q:可以一次裁剪多张图片吗?

A:目前一次仅支持一张图片。请依次裁剪每张图片。

Q:可以自由选择自定义区域吗?

A:可以,选择"Free"比例即可无限制裁剪。

相关工具

浏览器支持

  • ✅ Chrome 50+
  • ✅ Firefox 50+
  • ✅ Safari 11+
  • ✅ Edge 79+
  • ✅ 移动浏览器