图片裁剪
将图片裁剪为特定的宽高比和位置。适用于社交媒体帖子、头像和缩略图。
💡 获得最佳效果的提示
- <strong>宽高比：</strong>根据用途选择比例（Instagram用1:1，视频用16:9）
- <strong>位置：</strong>选择裁剪的焦点（中央最常见）
- <strong>自由裁剪：</strong>保持原始宽高比，使用80%的 图片
- <strong>质量：</strong>裁剪不会降低质量，只是删除图片的部分内容
- <strong>隐私：</strong>所有处理都在您的浏览器中进行 - 无需上传到服务器
主要功能
- 多种宽高比选项
- 自由裁剪或固定比例
- 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+
- ✅ 移动浏览器