裁剪是唯一一个「故意丢掉信息」的图片操作：你选一个矩形，矩形以外全部丢弃，矩形本身成为新图。裁剪回答的问题不是主体在哪里，而是你发布的平台愿意接受多大的画面。方图信息流、宽屏头图、竖版印刷、A4 文档，各自对像素的胃口不同，裁剪就是把一张文件适配到四种用途的那一步。图片裁剪工具全程在你的浏览器里完成：文件用 FileReader 读入，画到 canvas 上，选中的矩形就地重新编码。不上传、不排队，原文件始终不离开你的机器。
这种纯客户端的设计决定了工具能承诺什么。因为裁剪是原生分辨率下的纯像素切割，输出就是你框住的那些像素，没有重采样、没有插值、没有放大。你裁不出文件里不存在的细节，但也绝不会丢掉框内的细节。下文讲裁剪框如何映射到原始像素、每种比例对一张标准 4000×3000 照片各产生什么尺寸、PNG/JPEG/WebP 三种导出格式的区别，以及裁剪在更大图片工作流里的位置。
裁剪框原理：显示只是缩放后的预览
你拖动的那张图不是导出的那张图。工具把照片缩小到容器尺寸内，取宽高都放得下的最大比例且永不超过 1，所以大图永远以小于真实尺寸的样子显示，小图也绝不会被放大。你移动、缩放的裁剪框活在这套缩放坐标系里，这也是 4000 万像素的扫描件拖起来依然顺滑的原因。导出时工具把框换算回原始像素网格，取整到整像素，再按一比一绘制到新 canvas 上。
有两点值得注意。第一，裁剪框下方的尺寸标签显示的就是输出尺寸（原始像素），不是预览尺寸，上面写多少，下载下来就是多少。第二，这套映射对规划而言双向无损：每个预览像素对应一块固定的原始像素矩形，所以在预览尺度上定好的框，导出时按同比例落在全分辨率上。如果你想先知道要裁的文件尺寸再动手，图片信息工具能一键从文件头读出宽高、格式和文件大小，是动手前预判下面这些数字最干净的途径。
标准算例：一张 4000×3000 照片的六种裁法
拿一张 4000×3000 的照片，1200 万像素，手机标准模式或卡片机最经典的 4:3 画幅。依次用每个预设跑一遍，框开到该比例允许的最大值，输出尺寸完全由原始尺寸决定。1:1 裁出 3000×3000，即 4:3 画幅内能放下的最大正方形，900 万像素。16:9 裁出 4000×2250，保留全宽、切掉高度，同样恰好是 900 万像素。4:3 裁出 4000×3000，整张图原样保留，因为照片本来就是 4:3，什么都不用切。
3:2，胶片与印刷的经典比例，裁出 4000×2667。2:3 竖版，同一比例转立起来，裁出 2000×3000。A4 比例是 210:297，竖版 A4 裁出 2121×3000。注意一个巧合：1:1 和 16:9 从 1200 万像素源上都恰好落在 900 万像素——方图和宽屏画面从 4:3 原图上各切掉了同样三分之一的像素，只是切的位置不同。如果你的目标是某个平台的固定规格而不是比例，社交平台裁剪工具内置了主流网络的预设尺寸，省得你逐个查 Instagram、LinkedIn 或视频缩略图到底要多大。
各比例档位与约束行为
工具内置七种模式：自由、1:1、4:3、16:9、3:2、2:3、A4，覆盖方图、宽屏、相机原生与印刷格式。比例激活后，拖一个角会把对角钉在原地，另一维由指针经过该比例反算得出，框永远不离开自己的形状。如果按比例算出的框会顶出锚定边或图片边界，工具就沿比例同时缩小两边，而不是让某一边破形，所以带约束的框永远待在照片里。框内还画有三分法网格，两条竖线与两条横线分别位于 33.33% 和 66.66% 处，帮你把主体放在交点上而不是死中间。
两个实用限制把行为补齐：框的最小边长 20 像素，不能捏成一条缝；导出时所有尺寸取整到整像素。切换比例时，已有的框会按新形状重新适配，锚定左上角，方便你不动手重画就对比 1:1 和 16:9。如果最终尺寸必须精确到某个数，比如某个投放位要 1080×1080，干净的做法是先裁构图，再把结果丢进图片缩放工具缩放到精确目标尺寸。裁剪选画幅，缩放定像素数。
PNG、JPEG、WebP：格式、质量与白色背景
导出提供三种格式和一个 10 到 100 的质量滑杆，默认 92。PNG 无损且保留透明通道，是图形、截图和带抠边内容的稳妥选择。JPEG 有损、没有透明通道，工具在编码前先铺一层白色背景，所以裁到的区域若含透明部分会落成白色而不是黑色。WebP 在相近视觉质量下比 JPEG 更小，当这张图要住在加载速度敏感的页面上时这一点很重要。质量参数只作用于有损编码器；92 档下 JPEG 与 WebP 对照片内容视觉干净，尺寸已定之后想再压小文件，降质量是最快的手段。
下载文件以原文件名加 cropped 后缀命名：叫 beach.jpg 的照片导出为 beach_cropped.jpg、beach_cropped.png 或 beach_cropped.webp，取决于所选格式。这种命名让裁剪结果和源文件在文件系统里并排放着，同一张照片服务多个版面时很实用。如果裁完还是超出目标体积，图片压缩工具会按体积预算反复重编码，它和质量滑杆是不同的杠杆——质量是单次的，压缩是迭代到达标为止。如果目标端需要裁剪工具不直接导出的格式，图片格式转换工具接住裁剪结果转成流水线要求的任何格式，让裁剪只管构图、不必兼当格式转换。
裁剪会伤画质或撑大文件吗？
画质由「不重采样」的设计保住了。预览永不超过原始图的 100%，导出时框直接映射到原始像素网格，工具不发明像素、也不把像素平均到一起。输出就是你矩形内的像素、按原生尺寸存放，一张清晰照片的裁剪区域就和照片本身一样清晰。裁剪唯一会让文件变差的路径是你之后把它放大，而那是缩放的决定，不是裁剪的决定。
文件大小跟着像素数走。把 1200 万像素的 4:3 照片切到 900 万像素的方图或宽屏，任何编码开始之前就少了四分之一的像素，92 质量下生成的 JPEG 通常明显小于原全幅文件。同一区域做无损 PNG，框内每一个原始比特都保留，体积与保留的面积成正比。一句话：裁剪决定多少像素活下来，格式决定它们存得多紧凑，质量参数决定有损编码器允许扔掉多少细节。
裁剪在更大图片工作流里的位置
工具接受 PNG、JPEG、WebP、GIF、BMP 输入，GIF 动图取第一帧，整个会话都发生在持有该文件的浏览器标签页里，全程没有任何服务器往返。这使它天然是任何「要变成另一种形状」的图片的第一道工序：读入文件、选目标比例、看标签上的输出尺寸、导出。
裁完之后做什么取决于目的地。如果源图是 AI 生成的，模型给你什么构图就是什么构图，裁剪是生成之后的第二道工序，AI 图像提示词写法指南讲的是怎么从模型那边先拿到可用的构图，而本工具负责把画面修成你要的规格。结果若用于印刷或文档，从 A4 预设起步；最终图若还要加标识，正确顺序是先裁再加图片水印，让标识落在最终画幅上而不是被裁掉一半。裁剪是图片流水线里最不起眼的工序，也是唯一一道永久决定后续所有工序看到什么的工序。