图片裁剪
通过设置 X、Y 坐标和宽高精确裁剪图片到指定尺寸——100% 在浏览器中完成。
源文件
将图片拖到此处
或点击选择文件
选项
什么是图片裁剪?
图片裁剪是指去除图片外部区域、仅保留感兴趣矩形部分的操作。裁剪时,你通过 X、Y 起点、宽度和高度定义一个更小的区域,并将该矩形之外的所有内容丢弃,得到一张聚焦于主体的新图片。裁剪不会拉伸或缩放选区内的像素,只是把周围部分切掉,因此被保留的区域仍然保持原始的像素级细节与清晰度。
裁剪是摄影、设计以及社媒制作中最常见的编辑操作之一。摄影师靠裁剪改善构图,设计师靠裁剪让作品适配固定版式,社媒运营靠裁剪满足 Instagram、Facebook、Twitter 等平台的宽高比要求。由于裁剪只删除像素、不对保留区域进行重采样,它是一种无损的重新构图方式——裁剪框内的主体保持像素完美。
裁剪与缩放的区别
裁剪和缩放常常被混淆,但二者是完全不同的操作,对图片的改变方式也截然不同。裁剪是切掉画面边缘、保留一个更小的矩形区域;缩放是重新计算每个像素,让整张图适配新的尺寸。下表对比了两种操作,帮你根据目标选择正确的方式:
| 操作 | 改变的内容 | 对画面影响 |
|---|---|---|
| 裁剪 | 移除外围、保留区域 | 切掉像素;保留区域不变 |
| 缩放 | 改变整图宽高 | 每个像素都被重采样 |
| 裁剪 + 缩放 | 先裁区域,再缩放 | 先重构图,再适配目标尺寸 |
简而言之:裁剪改变的是“保留画面的哪个部分”,缩放改变的是“整张画面有多大”。想移除干扰或在不拉伸主体的前提下改变宽高比,用裁剪;想让整张图片以不同尺寸呈现,用缩放。本工具专注于精确裁剪——如需同时缩放,可搭配图片缩放工具使用。
何时需要裁剪图片
裁剪是处理照片、截图或图形时的一项日常任务。当原始构图与最终展示需求不匹配时,通常就需要裁剪。常见场景包括:
- 改善构图。去除主体周围的空白,遵循三分法、平衡画面,或把视线引导到焦点上。
- 适配平台宽高比。Instagram 信息流常需 1:1 或 4:5、封面图常需 16:9、人像常需 2:3——通过裁剪适配每个位置且不变形。
- 移除干扰。切掉抢镜者、边缘的杂物或不相关的背景,让观者聚焦重点。
- 生成缩略图。把宽截图裁成方形或 16:9 预览,在搜索结果和视频画廊中更美观。
- 产品摄影。把裁剪收紧到产品周围,让产品充满画面并满足电商平台的图片规范。
- 头像和方图。多数平台要求方形头像,先自行裁剪可避免平台自动裁剪出现尴尬结果。
- 打印尺寸。在送印前裁剪到 4×6、5×7 或 8×10 等标准打印比例。
只要原始构图与目标用途不匹配,一次快速裁剪就能修好画面,无需重新拍摄。
如何裁剪图片
使用本工具裁剪图片只需几秒,全程在浏览器中完成——无需上传、无需注册、无水印。裁剪工具在本地读取图片,允许你以数字方式精确设置裁剪区域,并通过 Canvas API 导出结果。请按以下步骤操作:
- 上传图片。点击上传区域,或拖拽一个 JPG、PNG、WebP、GIF 或 BMP 文件到此处。图片会立即解码并显示预览。
- 设置裁剪区域。输入裁剪矩形的 X、Y 起点,以及宽度和高度(像素)。图片加载后,宽高默认为整图尺寸,方便你在此基础上裁切。
- 选择输出格式。PNG 无损适合图形,JPG 文件更小适合照片,WebP 是现代化的高效选择。
- 点击裁剪图片。工具会提取所选区域,并显示原始与裁剪后的文件大小及新尺寸。
- 下载裁剪图。点击“下载裁剪图”保存结果。原始文件保持不变。
由于所有步骤都通过 JavaScript 在浏览器本地运行,图片绝不会被上传到服务器。这让裁剪完全私密、快速,也适合处理敏感或机密图片。
宽高比的注意事项
裁剪的宽高比——即宽度与高度的比例关系——决定了图片可用于哪些场景。1:1 方形裁剪适合 Instagram 信息流和头像,16:9 宽幅裁剪适合 YouTube 缩略图和封面图,4:5 竖版裁剪适合 Instagram 竖图,2:3 裁剪适合标准冲印。设置裁剪宽高时,你也在定义宽高比,因此裁剪前先规划好目标比例,可以避免日后的二次重构图。
常见陷阱是裁成错误的比例,结果被平台再次强制裁剪,可能切掉主体的重要部分。为避免这种情况,先确定目标宽高比,再按比例设置裁剪宽高——例如 Instagram 方形贴图用 1080×1080,链接预览用 1200×630,快拍用 1080×1920。在输入数值前先在脑中锁定比例,能让构图保持平衡,也省去再次裁剪的麻烦。
这个图片裁剪工具免费吗?
完全免费,无注册、无水印、无限制。
如何设置裁剪区域?
输入裁剪矩形的 X、Y 起点(左上角)以及宽度和高度(像素)。图片加载后这些值默认为整图尺寸。
如果裁剪区域超出图片会怎样?
裁剪工具会自动把区域限制在图片边界内,确保输出始终在原图范围内。
该选哪种输出格式?
PNG 无损,适合含文字的图形;JPG 适合照片,文件更小;WebP 提供面向 Web 的现代压缩。
我的图片会被上传吗?
不会。所有处理都在本地完成,图片不离开浏览器。