图片尺寸与裁剪

Crop Image

拖动选区或四角调整任意矩形区域,也可输入原图像素坐标,直接从原始图片裁剪。

图片仅在您的浏览器中处理,不会上传到服务器。

或将图片拖拽到此处

一次处理一张图片。支持 JPG/JPEG、PNG、静态 WebP、浏览器可解码的 BMP 和安全 SVG;不支持 GIF 或动画 WebP。

拖动选区移动,拖动四角调整大小;手机支持触摸。选区聚焦后可用方向键移动,按住 Shift 可移动更多像素。

原格式仅在浏览器能够重新编码时可用。

原图与裁剪选区

选择图片后显示裁剪选区

结果预览

处理后显示结果

位图文件最多 100 MiB;超过 50 MiB 会提示内存占用较高。原图和结果最多 4000 万像素,宽和高各不超过 16384 像素。SVG 须为 UTF-8 编码,最多 2 MiB。

这个工具是什么

Crop Image 用于删除图片边缘、保留局部内容。预览只帮助您定位选区,最终处理始终使用方向校正后的原始图片像素;裁剪不会自动将选区缩放或拉伸成另一种尺寸。

如何使用

  1. 选择图片,在左侧原图预览上查看初始完整选区。
  2. 拖动选区移动位置,拖动四个角调整大小;手机可直接触摸操作。
  3. 也可填写 X、Y、裁剪宽度和裁剪高度;这些数字对应原图像素,与选区实时同步。
  4. 按需使用“重置裁剪”“居中裁剪”或“选择完整图片”,选择输出格式,点击“裁剪图片”后下载结果。

支持格式

  • 输入:浏览器可解码的 JPG/JPEG、PNG、静态 WebP、BMP,以及经过安全过滤的 SVG;本批不支持 GIF 或动画 WebP。
  • 输出:PNG、JPG 或浏览器支持的 WebP。默认尽量沿用原图的可编码格式;BMP、SVG 等不能原格式导出的输入使用 PNG。

图片处理说明

  • X、Y 从图片左上角开始。X/Y 至少为 0,宽高至少为 1;选区始终限制在原图范围内。
  • 屏幕预览与原图像素分别计算。拖动距离乘以原图宽÷显示宽、原图高÷显示高,再取整和检查边界。
  • 例如原图 1920×1080,选区 X=100、Y=50、宽=800、高=600,下载结果就是 800×600。
  • 裁剪只截取内容,不改变选区内物体的比例,也不从小预览截图生成结果。
  • PNG 和 WebP 可保留透明。JPG 不支持透明,透明和半透明区域会与所选背景颜色合成,默认白色;棋盘格只用于预览。
  • 处理会重新编码像素,下载图片通常不保留原始 EXIF、GPS 等元数据;手机照片先按 EXIF 方向校正,再进行尺寸计算和处理。

位图文件最多 100 MiB;超过 50 MiB 会提示内存占用较高。原图和结果最多 4000 万像素,宽和高各不超过 16384 像素。SVG 须为 UTF-8 编码,最多 2 MiB。

隐私

图片仅在您的浏览器中处理,不会上传到服务器。

文件不会发送到服务器,工具也不自动保存图片。请在清空或离开页面前下载需要保留的结果,并保留原文件。

FAQ

Crop 和 Resize 有什么区别?

Crop 删除选区外的内容,保留选区的原始像素尺寸;Resize 调整整张图片的像素宽高。需要缩放时可使用 Resize Image。

裁剪会改变剩余区域比例吗?

不会。自由裁剪仅选取矩形区域,不会把区域内的内容压扁或拉长,也不自动进行输出缩放。

为什么 Preview 很小但下载图仍然清晰?

预览大小只由页面布局决定。裁剪坐标会映射回原图,并直接从方向校正后的原始像素截取,不使用预览截图。

图片会上传服务器吗?

不会。文件读取、原图预览、像素处理与下载都在当前浏览器中完成,不上传图片,也不调用在线图片处理服务。

返回开发者工具分类首页