本地图像裁剪与处理机制
在处理数字图像时，裁剪、旋转和翻转是调整画面构图与尺寸的基础操作。本工具支持导入 JPEG、PNG、WebP 以及 HEIC 格式的单张图片。
在处理流程上，本工具采用客户端本地处理机制。你的图片会在浏览器本地裁剪,不会上传到 BroBroGo。这种本地处理方式不仅保护了数据隐私，还避免了网络上传与下载的等待时间，使操作响应更加迅速。
当用户将文件导入工具时，系统会根据文件状态给出相应的提示：
- 在未加载图片时，界面会显示“选择或拖入图片”以及提示语“一张 JPEG、PNG、WebP 或 HEIC 图片。”。
- 在读取文件期间，系统会显示“正在打开图片…”。
- 如果导入的文件无法被正常解析，工具将提示“这个文件无法作为图片打开,可能已损坏、为空,或根本不是图片。”。
- 若在未选择任何文件的情况下尝试进行裁剪，系统会触发错误提示“请先选择一张 JPEG、PNG 或 WebP 图片。”。
- 若导入了不支持的文件类型，则会显示“仅支持 JPEG、PNG 和 WebP 图片。”。
裁剪模式与比例锁定
为了满足不同的排版与构图需求，工具提供了三种裁剪形状模式：
| 裁剪模式 | 核心行为与特征 |
|---|---|
| 自由 | 允许用户拖出任意矩形。通过拖动框身进行移动，拖动控制点进行缩放。 |
| 比例 | 选区会锁定特定的宽高比。在移动和缩放时，选区会一直锁定你选的比例。 |
| 圆形 | 选区始终是圆形，圆以外的区域会存成透明，以便于制作头像。 |
在“比例”模式下，工具会提供一个包含多种常用宽高比的面板，包括“原图比例”、“正方形”、“1:1”、“4:3”、“3:4”、“3:2”、“2:3”、“16:9”和“9:16”。选区框在移动和调整大小时，会严格锁定所选的比例关系。
在操作交互方面，用户可以通过鼠标或触控拖动裁剪框来移动位置，通过拖动边缘或角部的控制点来调整大小，同时还可以使用键盘上的方向键对裁剪框进行微调。界面会实时显示当前选区的具体像素尺寸，格式为“选区:{w} × {h} px”。
旋转、翻转与像素保留
除了裁剪，图像的方位调整也是常见需求。工具支持对图像进行向左旋转、向右旋转、水平翻转和垂直翻转操作。
在裁剪和旋转过程中，裁剪区域内的图像会保留其原始像素，不会在裁剪操作本身中受到无谓的插值损失。当用户确认选区并点击“裁剪图片”后，系统会显示“正在裁剪…”。
- 若裁剪成功，系统会提示“裁剪完成。在下方下载图片。”并输出图像。
- 若裁剪失败，则会提示“裁剪失败。换一张图片或输出格式再试。”。
成功输出后，工具会展示输出元数据，格式为“{w} × {h} · {type} · {size}”，以便用户确认最终图像的像素宽高、格式和文件大小。
图像格式转换与压缩控制
不同的图像格式在透明度支持、压缩算法和兼容性上各有不同：
- JPEG：采用有损压缩，不支持透明通道。在保存为 JPEG 格式时，工具允许用户调整画质参数，以在文件体积和图像清晰度之间取得平衡。
- PNG：采用无损压缩，支持透明通道（Alpha 通道）。保存为 PNG 格式时不会损失任何图像细节。
- WebP：现代图像格式，同时支持有损和无损压缩，且支持透明度。保存为 WebP 格式时同样支持画质调节。
- HEIC：苹果设备常用的高效率图像格式。导入 HEIC 图片后，它会在浏览器中直接打开，并允许用户将其另存为 JPEG、PNG 或 WebP 格式。
在默认情况下，裁剪操作会保留原始图像的格式，但 HEIC 格式除外（HEIC 默认会保存为 JPEG）。
特别需要注意的是，当用户选择“圆形”裁剪时，为了确保圆形选区之外的四个角能够呈现透明效果，输出格式会默认强制设为 PNG，此时 JPEG 格式将被禁用。圆形裁剪会存成 PNG,圆形以外的区域保持透明。
常见问题
可以裁剪哪些图片格式?
JPEG、PNG、WebP 和 iPhone 的 HEIC。默认保留原格式(HEIC 会存成 JPEG),也可以另存为 JPEG、PNG 或 WebP。
可以裁剪 iPhone 的 HEIC 照片吗?
可以。放入 HEIC 或 HEIF 照片,它会在你的浏览器里直接打开,然后裁剪并存成 JPEG、PNG 或 WebP。
圆形裁剪是怎么工作的?
它会从你框选区域的中心裁出一个圆,存成 PNG(或 WebP),圆外四角保持透明,可以直接放到任何背景上。
可以按固定比例裁剪吗?
可以。选 1:1、4:3 或 16:9 等比例,框选框在你移动和缩放时会一直锁定这个比例 —— 做头像、缩略图、封面图很方便。
裁剪会降低画质吗?
裁出来的区域保留原始像素。存成 JPEG 或 WebP 时按你设定的画质压缩,PNG 则是无损的。