图片裁剪成正方形
在照片上拖动裁剪框,或者输入精确的像素值,然后下载保留下来的部分。文件不会离开浏览器。
把文件拖到这里
.jpg, .jpeg, .png, .webp, .avif, .gif, .bmp · 最大100 MB
如何裁剪图片
- 1
拖入图片
添加一张图片:JPG、PNG、WebP、AVIF、GIF或BMP。图片直接在标签页里打开,不会有副本发送到服务器。
- 2
拖动裁剪框或输入精确像素
用鼠标或手指移动裁剪框、调整大小,把它固定到1:1或16:9这类比例,或者直接输入精确的x、y、宽度和高度。
- 3
下载裁剪后的文件
点击按钮,保存结果。JPG、PNG和WebP保持原格式;AVIF输出为WebP,GIF和BMP输出为PNG。
裁出来的正方形,而不是挤出来的
把长方形变成正方形有两种方法,它们不能互换。调整成正方形会给图片加边条、把它压扁,或者保留中间、裁掉边缘,却不问你保留哪里;裁剪则让你选择值得保留的部分,丢掉其余部分,而且保持完整分辨率。对于人脸、纯色背景上的商品、标志或图库里的方块,裁剪才是正确的选择:主体填满画面,什么都不会变形。这个页面打开裁剪工具时已经把宽高比设为1:1,裁剪框可以移动和缩放,但始终是正方形。一张典型的1200万像素手机照片里能裁出边长约3,000像素的正方形,远远超过任何头像的需要。
放置裁剪框
裁剪框不会一打开就覆盖整张图片。它一开始是边长为短边五分之四的正方形,距左边缘和上边缘分别为宽度和高度的十分之一,所以在竖版照片上它位于中心偏上,在横版照片上位于中心偏左:这只是一个起点,而不是对主体位置的猜测。用鼠标或手指把它拖到主体上,从四个角中任意一个调整大小;拉动时它始终保持正方形。用键盘时,方向键每次移动百分之一,按住Shift每次移动百分之十。精确的数字在设置面板的“更多设置”下,大屏幕上在右侧,手机上在“设置”按钮后面:“X位置”和“Y位置”设定左上角,“宽度”和“高度”设定边长:两个都输入同一个数字,因为正方形取两者中较小的那个。你将得到的文件尺寸显示在照片下方,结果缩略图旁边。
头像、商品图、图库方块怎样构图
正方形该放在哪里,取决于它会在哪里显示。很多服务把头像画在圆形里,所以正方形的四个角反正会丢掉:在脸周围留一点空间,下巴别贴着下边缘,否则裁成圆形后看起来像被切掉了一块。商品居中、四周留出均匀的边距时最好看,用方向键很容易做到分毫不差。图库方块要看起来像一组,每个正方形都要用同样的方式裁、离主体的距离也一样;同一台相机拍的照片裁成同样的“宽度”和“高度”,得到的尺寸也相同。如果最终用途真的是圆形,图片裁剪圆形能直接裁出圆形,输出为透明背景的PNG。
一次一张照片,然后下一步
这个页面每次裁剪一张图片:设好正方形,下载,然后点击“替换文件”,拖入下一张。每换一个新文件,1:1比例都会恢复,而裁剪框会重新从默认位置开始。裁剪保留原图的像素,JPEG会以质量92重新编码;如果文件除了要方还要轻,“更多设置”下的“质量”滑块最低可以调到60。如果服务还要求1080 × 1080这样的精确尺寸,或者限制文件大小,结果出现时下方那一排工具可以把正方形直接交给调整图片大小或图片压缩,中间不用下载。从解码到重新编码,一切都在你的浏览器中运行,在手机上和电脑上都一样。
照片不会离开你的设备
解码、裁剪和重新编码都在浏览器标签页里通过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元数据不会带入裁剪后的文件。
裁剪和调整大小有什么不同?
裁剪去掉图片的一部分,剩下的像素保持原来的分辨率;调整大小保留整张图片,但把每个像素放大或缩小。想改变画面里的内容就先裁剪,如果还需要特定的最终像素尺寸,再调整大小。
手机上能用吗?
能。裁剪框对触摸的响应和对鼠标一样,解码、裁剪、重新编码到下载的整个过程,都在手机自己的浏览器里本地运行。