跳到主要内容
PulsarKit

图片裁剪

在照片上拖动裁剪框,或者输入精确的像素值,然后下载保留下来的部分。文件不会离开浏览器。

把文件拖到这里

.jpg, .jpeg, .png, .webp, .avif, .gif, .bmp · 最大100 MB

如何裁剪图片

  1. 1

    拖入图片

    添加一张图片:JPG、PNG、WebP、AVIF、GIF或BMP。图片直接在标签页里打开,不会有副本发送到服务器。

  2. 2

    拖动裁剪框或输入精确像素

    用鼠标或手指移动裁剪框、调整大小,把它固定到1:1或16:9这类比例,或者直接输入精确的x、y、宽度和高度。

  3. 3

    下载裁剪后的文件

    点击按钮,保存结果。JPG、PNG和WebP保持原格式;AVIF输出为WebP,GIF和BMP输出为PNG。

一个裁剪框,两种设置方式

预览上的裁剪框和“更多设置”里的数字框读取的是同一组数值:拖动裁剪框,数字随之更新;输入数字,裁剪框随之移动。当你需要为打印、广告位或电商商品页得到精确尺寸,而不是凭眼睛画出的大致矩形时,这一点很重要。五种固定比例覆盖了常见情况(方形头像,4:3和3:2的照片冲印,16:9和9:16的视频画面),其余情况可以在自定义比例框里输入任意N:M。

像素到底经历了什么

裁剪JPEG一定要重新编码,因为你画的裁剪框几乎从来不会和编码格式内部存储的8x8或16x16块对齐。不碰至少边缘那些块,就没法切开一张JPEG。这个工具以质量92编码:选择这个级别,是因为在正常查看尺寸下和原图看不出差别,文件也不会重新膨胀起来。PNG和WebP的透明部分原样保留:透明通道和颜色通道一样精确裁剪,不会填入背景色。手机相机写入的EXIF旋转标记会在裁剪前应用,所以预览上看到的裁剪框就是最终得到的画面,而不是事后再旋转过的版本。

需要统一的多张照片

这个页面一次裁剪一张照片,所以每张图片的裁剪框都画在它自己身上,而不是借用另一张不同尺寸图片的坐标。当一组照片需要统一时,比如方形头像或16:9缩略图,给每张照片选同一个比例,裁剪框就会保持这个比例;要重复同一个精确像素尺寸,就在“更多设置”里输入相同的宽度和高度。

照片不会离开你的设备

解码、裁剪和重新编码都在浏览器标签页里通过Canvas API完成。没有上传,没有服务器端队列,也没有哪份副本放在某处等着以后删除。关闭标签页,图片就从内存里清除了。无论是护照扫描件,还是不想交给陌生服务器的家庭照片,这一点都很重要。

常见问题

裁剪JPEG能不损失画质吗?

做不到完全不损失。裁剪JPEG需要解码再重新编码,因为裁剪框很少和内部的8x8像素块对齐。这个工具以质量92重新编码,在正常尺寸下和原图看不出区别。如果需要严格无损、按块网格裁剪,应该用支持JPEG无损变换的桌面软件,而不是浏览器画布。

怎么按精确像素裁剪?

打开“更多设置”,输入左上角的x、y坐标以及宽度和高度。图片上的裁剪框会随之更新;之后再拖动裁剪框,数字也会跟着变化。

有哪些宽高比可选?

自由比例、1:1、4:3、3:2、16:9和9:16点一下就能选,自定义比例框可以输入任意一对数字,比如21:9或5:4。选定比例后,拖动时裁剪框的比例会锁定。

裁剪后透明背景还在吗?

在。PNG和WebP的透明通道和颜色数据一起裁剪,后面不会填充任何东西,所以透明背景上的Logo裁剪后依然透明。

能用同一个裁剪框一次裁剪多张照片吗?

这个页面不行:它一次裁剪一张照片。要让一组照片形状一致,给每张选同一个比例,或者在“更多设置”里输入相同的宽度和高度。

EXIF数据会怎么样?

裁剪前会读取并应用旋转标记,所以本来会横着显示的竖拍手机照片,会按它在屏幕上实际的样子裁剪。相机型号、GPS位置等其他EXIF元数据不会带入裁剪后的文件。

裁剪和调整大小有什么不同?

裁剪去掉图片的一部分,剩下的像素保持原来的分辨率;调整大小保留整张图片,但把每个像素放大或缩小。想改变画面里的内容就先裁剪,如果还需要特定的最终像素尺寸,再调整大小。

手机上能用吗?

能。裁剪框对触摸的响应和对鼠标一样,解码、裁剪、重新编码到下载的整个过程,都在手机自己的浏览器里本地运行。

指南

相关工具

同一个工具,具体任务