返回博客
2026年8月24日OpenVideoMaker Team更新于 2026年8月26日

在线图片裁剪:如何裁剪 JPG、PNG 和 WebP

学习如何在线裁剪图片,选择 1:1、16:9 或 9:16 画面,保护主体,并在浏览器中导出 JPG、PNG 或 WebP。

当图片需要更换构图时,可以使用图片裁剪器制作方形头像、竖屏故事图片或横向封面。裁剪会移除选框外的像素,缩放则会改变整幅图片的尺寸。打开在线图片裁剪器,选择比例或自由裁剪,下载调整好画面的副本,同时保留原图。

先选择图片裁剪比例

目标平台通常决定比例:

  • 1:1 正方形适合头像、商品卡片和方形社交帖子。
  • 16:9 横向适合视频封面、演示文稿和宽幅网站区域。
  • 9:16 竖向适合 Stories、Shorts、Reels 和其他手机全屏内容。
  • 4:3 或 3:4适合经典照片布局和肖像卡片。
  • 自由裁剪适合自定义画框,或主体不适合固定比例的情况。

放置裁剪框之前先确定比例。这样既能保护主体,也能更容易满足目标页面要求的形状。

如何在线裁剪图片

1. 打开图片裁剪器

打开在线图片裁剪器,选择 JPG、PNG 或 WebP 文件。在目标页面或平台检查完成之前,请保留原始文件。

2. 选择比例或自由裁剪

选择 1:1、16:9、9:16、4:3、3:4、21:9、9:21 或其他可用比例。目标布局使用自定义尺寸,或固定比例会切到主体重要部分时,使用自由裁剪。

3. 调整裁剪框位置

拖动裁剪框,让主体、人脸、产品标签或关键文字留在画面内。要为目标平台的界面覆盖层留出空间。头像应让人脸或产品居中;商品卡片要让产品与目录中其他图片保持一致。

4. 裁剪并检查结果

点击裁剪,下载前检查输出图片。不要只在原图放大状态下查看,也要在实际使用的显示尺寸下检查。如果构图正确但像素太多,可以用图片缩放器设置精确尺寸。

裁剪时保护重要细节

从原图开始,避免反复裁剪和导出。像素被移除后,后续裁剪无法恢复它们。保留一份母版,为方形、横向和竖向用途分别制作交付副本。

注意目标页面可能覆盖图片的区域。平台可能在边缘放置头像边框、播放按钮、文字或导航控件。重要主体应远离这些区域,并尽量在真实页面布局中预览结果。

裁剪会减少像素数量,因此有时也会减小文件大小,但它不是压缩的替代品。确定画面后,如果文件仍然太大,可以使用图片压缩器

应该先裁剪还是先缩放?

图片形状不对、构图需要改变时先裁剪。整幅画面已经适合目标平台,只是像素太多时,才考虑先缩放。常见流程是先裁剪到目标比例,再缩放到准确像素尺寸,最后压缩交付副本。

不要在图片缩放器中解除比例锁定来模拟裁剪。独立改变宽度和高度会拉伸主体。需要构图时使用裁剪器,需要最终像素尺寸时使用图片缩放器

常见图片裁剪问题

主体被切掉

导出前移动裁剪框,并在主体周围留出额外空间。对于人脸和产品,要在缩略图尺寸下检查,因为小图会让紧裁剪显得更紧。

图片看起来被拉伸

裁剪应该移除像素,而不是改变像素比例。如果输出被拉伸,请检查裁剪后是否使用了独立宽高的缩放方式。最终缩放时要锁定比例。

比例正确但文件太大

裁剪后使用图片缩放器设置准确宽高,再使用图片压缩器处理文件大小。分开这些步骤,更容易判断是哪一步改变了结果。

文字离边缘太近

重新定位裁剪框并保留安全边距。如果原图没有足够空间,应使用更宽的裁剪或调整原始构图,不要把文字硬贴在边缘。

常见问题

如何在线裁剪图片?

打开在线图片裁剪器,上传 JPG、PNG 或 WebP,选择比例或自由裁剪,调整裁剪框并在检查后下载结果。

裁剪会降低图片质量吗?

裁剪会移除选区外的像素,但不会因为裁剪本身而重新采样选区内的像素。之后需要缩放时,选择合理的目标尺寸,并在真实显示尺寸下检查结果。

社交媒体图片使用什么比例最好?

以目标平台当前要求为准。1:1 正方形、16:9 横向和 9:16 竖向是常见起点,但平台的推荐尺寸和安全区域可能变化。

可以裁剪到精确像素尺寸吗?

先使用裁剪器完成构图和比例,再使用图片缩放器设置精确宽高,避免拉伸主体。需要计算比例时,可以参考宽高比计算器

应该先裁剪还是先压缩图片?

通常先裁剪,移除目标不会显示的像素,再缩放到目标尺寸,最后压缩交付副本。保留原图,方便以后制作其他裁剪版本。

继续使用相关图片工具

使用图片裁剪器调整构图,使用图片缩放器设置精确尺寸,使用图片压缩器调整最终文件大小。需要转换格式时,可以继续使用JPG 转 PNGPNG 转 WebP

相关文章