CodeKitHub工具介绍
图片裁剪就是从一张图里剪出一个矩形区域，丢掉其余部分。它是最基础也最高频的图片编辑操作：把截图裁到只剩相关窗口、从合影里剪出自己做头像、去掉杂乱的背景边缘、或者把横幅照片重新构图成方形发帖。
本工具基于浏览器内置的 HTML5 Canvas API 运行。选择文件后图片在本地解码，你通过拖动选框的边和角来调整范围，裁剪时只把选中的像素复制到一块新画布上。因为完全没有服务器参与，所以没有上传等待、没有文件大小收费、也没有隐私顾虑——页面加载完之后即使断网也能用。
为什么使用它？
- 拖拽即调整：移动选框，或拉动四角和四边的手柄，直到构图正好，选区尺寸以像素实时显示。
- 比例预设——1:1、4:3、16:9、9:16——锁定选框形状，适合头像、缩略图和竖屏封面；也可切回自由模式任意裁剪。
- 下载为 PNG（无损、保留透明度）或 JPG（照片文件更小）——导出时自选。
- 100% 本地处理（Canvas API）：图片绝不上传、发送或存储，对证件照、合同文件和含个人信息的截图尤其重要。
- 免费、无水印、无需注册，手机平板也能用手指拖动操作，不限桌面端。
使用方法
- 点击上传区域或把图片文件拖进来——JPG、PNG、WebP 等常见格式都支持。
- 在选框内部拖动可移动位置，拖动四角或四边的手柄可调整大小。
- （可选）选择一个比例预设（1:1、4:3、16:9、9:16）锁定选框形状，或保持自由比例。
- 选择输出格式 PNG 或 JPG。
- 点击裁剪按钮，裁好的图片立即下载。
示例
输入
一张 4000×3000 的照片，选框锁定 1:1 套住面部，选中 800×800 区域输出
一张只包含所选方形区域的 800×800 PNG输出与原图像素一一对应——裁剪本身不会缩放或重压缩所选区域；只有导出为 JPG 时才会做轻度照片压缩。
常用裁剪比例与适用场景
比例应该由你要发布的平台决定，而不是由原图决定——从竖版照片中间裁出 16:9 缩略图，通常好过加黑边凑尺寸。平台给出精确像素尺寸时，先在这里裁对比例；在裁剪阶段把形状定对，就能避开许多网站的自动居中裁剪——那种自动裁剪经常把人头和文字切掉。
| 比例 | 形状 | 典型用途 |
|---|---|---|
| 1:1 | 正方形 | 头像、Instagram 信息流、应用图标 |
| 4:3 | 经典横幅 | 演示文稿、老式相机、iPad 屏幕 |
| 16:9 | 宽屏 | YouTube 缩略图、视频封面、显示器 |
| 9:16 | 竖屏 | Stories、Reels、TikTok、手机壁纸 |
| 自由 | 任意矩形 | 修剪截图、去边、自定义排版 |
裁剪在图片工具链中的位置
裁剪改变图片『展示什么』，调整大小改变图片『有多大』。典型的头像流程两者都用：先在这里裁成 1:1，再用图片调整大小工具缩放到要求的 400×400。按这个顺序做，缩放只发生一次、作用在最终构图上，主体最清晰。
如果裁完文件还是太大——大尺寸手机照片很常见——再过一遍图片压缩。而当目标是隐藏信息而不是把它裁出画面时，用打码工具对敏感区域模糊或马赛克，能保留画面其余部分。
常见问题
我的图片会被上传到服务器吗？
不会。文件由浏览器直接打开，用 Canvas API 在你自己的设备上处理，不传输、不存储、不记录——你可以先加载页面再断网，照样能裁剪，即可验证。因此用它处理身份证、合同等敏感图片是安全的。
该选哪个裁剪比例？
1:1（正方形）适合大多数头像和 Instagram 信息流；4:3 对应经典照片和演示文稿版式；16:9 是 YouTube 缩略图、视频封面和宽屏显示的标准；9:16 用于竖屏内容——Stories、Reels、TikTok 和手机壁纸。没有平台限定形状时，用自由模式裁成任意矩形即可。
下载该选 PNG 还是 JPG？
PNG 无损且保留透明度，适合截图、图形、Logo 和任何带文字的图；JPG 能把照片类内容压得小得多、肉眼几乎看不出损失，适合要分享或上传的照片。拿不准时：有文字或透明→PNG，是照片→JPG。
裁剪会降低画质吗？
裁剪本身无损——它原样复制所选像素，裁出的区域和原图逐像素一致。唯一影响画质的是导出格式：PNG 完整保留，JPG 做照片压缩。工具不会缩放你的图片，所以不存在重采样带来的清晰度损失。
能裁到精确的像素尺寸吗？
拖动时选区尺寸以像素实时显示，你可以微调手柄直到读数正好。若需要精确的目标尺寸（比如无论原图如何都要 512×512），先在这里裁成正确形状（该例为 1:1），再用图片调整大小工具缩放结果。