Image Cropper

图片裁剪器

拖拽裁剪、套用标准比例(1:1、4:5、16:9、9:16…)、旋转翻转、输出 PNG / JPG / WebP。全部在浏览器内运算 — 不上传、免注册。

Instagram 方形帖子:1:1。Instagram 竖版帖子:4:5。Instagram / Facebook / TikTok / YouTube Stories:9:16。YouTube 视频缩略图:16:9(最低 1280×720)。X(Twitter)帖子图:16:9 或 1:1。LinkedIn 帖子:1.91:1(接近 16:9)。单反相机 / 手机照片原生:3:2。传统 35mm 或老款数码相机:4:3。

一样。屏幕上的 canvas 会等比缩小用于显示,但裁剪的数学运算都在原始像素坐标空间进行。当你点击下载时,输出 canvas 会以原图中被裁剪的精确像素尺寸建立 — 不会因屏幕预览缩放而损失画质。4000×3000 原图裁剪成 1000×1000 方形,会输出 1000×1000 完整画质的图片。

把图片拖到这里、从剪贴板粘贴,或

为真实工作流程而设计

你需要用到的每个尺寸、每种变换 — 不用打开 Photoshop。

8 个控点 + 拖拽裁剪

拖拽 8 个边角 / 边缘控点即可调整裁剪框,或直接拖拽整个框移动位置。内置三分构图法网格辅助构图。

比例预设

一键套用 1:1(方形 / IG / 头像)、4:5(IG 竖版)、9:16(限时动态 / Reels / TikTok)、16:9(YouTube)、3:2 / 2:3(单反)、4:3(传统)、或自由比例。锁定比例后,边角控点会自动保持比例。

旋转 + 翻转

一键向左 / 右旋转 90°、水平 / 垂直翻转。变换会在裁剪之前套用,因此你拉好的裁剪框始终精确。

输出时可转换格式

可保存为 PNG(无损)、JPG(质量 50–100% 滑块)、WebP(同样画质下文件比 JPG 小约 30%)、或保留原始格式。

隐私优先设计

所有数据都留在你的设备上。图片在浏览器中解码、在 canvas 上裁剪、用 canvas.toBlob 输出。打开 DevTools → Network 即可验证没有任何对外请求。

轻量且快速

纯 JavaScript,无框架运行时。冷启动 gzip 后不到 25 KB。裁剪 4000 × 3000 像素的图片并输出,200 毫秒内完成。

如何裁剪图片

从拖入到下载,四个步骤。

  1. 1

    载入图片

    把任意图片文件(JPG、PNG、WebP、AVIF、GIF、BMP)拖到放置区、点击选择文件、或直接用 Ctrl/Cmd+V 从剪贴板粘贴。图片在你的浏览器中本地解码 — 完全不上传。

  2. 2

    选择比例(或保持自由)

    选择一个与你打算使用平台匹配的预设 — 1:1 用于 Instagram 方形、4:5 用于 IG 竖版、9:16 用于 Stories / Reels / TikTok、16:9 用于 YouTube、3:2 用于单反风格的照片。或保持「自由」使用任意自定义比例。

  3. 3

    拖拽精修

    拖拽 8 个边角 / 边缘控点调整裁剪框,或拖拽整个框移动位置。三分构图网格会帮你构图。锁定比例后,边角控点自动保持比例。如果原图上下颠倒或左右相反,使用 旋转 / 翻转。

  4. 4

    导出

    选择输出格式 — 保留原格式、或转换为 PNG(无损)、JPG(质量 50–100% 滑块)、WebP(同画质下比 JPG 更小)。点击下载,文件会以原图完整分辨率保存 — 不会因屏幕预览缩放而损失画质。

为设计师、社交媒体运营、和有手机照片的家长打造

四种常见场景 — 在这些情况下,隐私优先的浏览器裁剪器比打开 Photoshop 更高效。

社交媒体帖子尺寸调整

手机横拍想做 1:1 的 Instagram 帖子?套用 1:1、拖拽对中主体、下载。4:5 竖版、9:16 Stories、16:9 YouTube 等其他平台预设也能搞定。

头像裁剪

大多数平台强制 1:1。套用方形、把脸部放在上三分之一(比正中央好看)、下载。结果适用于 LinkedIn、Twitter / X、GitHub、Slack、Discord 和企业内网。

商品图清理

电商平台都喜欢一致的比例 — Shopify、Etsy、Amazon、Shopee 都偏好 1:1 或 4:5。把一批手机照按平台所需比例批量裁剪,三分构图网格保证构图一致性。

手机截图去边

手机截图会包含状态栏、导航栏、app 多余区域。把截图拖入、拖动裁剪框只保留内容、输出为 PNG(无损)— UI 截图不会因再压缩产生噪点。

100% 私密 — 在你的浏览器中运行

照片和截图永远不会离开你的设备。打开 DevTools → Network,在裁剪、变换、下载过程中你会看到没有任何对外请求。

  • 图片解码、canvas 渲染、旋转 / 翻转、PNG / JPG / WebP 编码,全部以 JavaScript 在你的机器上运行。
  • EXIF 元数据在重新编码时会被去除(这也是隐私功能 — 你照片中的 GPS 位置不会跟着导出)。
  • 无需登录、不对图片内容埋点、不调用第三方图片 API。我们只用一个 cookie 记录 cookie 同意状态,以及一个 cookie 记录语言偏好。

相关指南

精选的社交媒体尺寸、照片构图与图片隐私阅读。

常见问题

[平台] 应该用什么比例?

Instagram 方形帖子:1:1。Instagram 竖版帖子:4:5。Instagram / Facebook / TikTok / YouTube Stories:9:16。YouTube 视频缩略图:16:9(最低 1280×720)。X(Twitter)帖子图:16:9 或 1:1。LinkedIn 帖子:1.91:1(接近 16:9)。单反相机 / 手机照片原生:3:2。传统 35mm 或老款数码相机:4:3。

输出分辨率与原图一样吗?

一样。屏幕上的 canvas 会等比缩小用于显示,但裁剪的数学运算都在原始像素坐标空间进行。当你点击下载时,输出 canvas 会以原图中被裁剪的精确像素尺寸建立 — 不会因屏幕预览缩放而损失画质。4000×3000 原图裁剪成 1000×1000 方形,会输出 1000×1000 完整画质的图片。

为什么手机照片有时显示成横躺?

手机相机把方向信息存在 EXIF 标签里,而不是真的旋转像素。某些浏览器(包括旧版 Safari)会自动套用,有些则不会。如果图片看起来横躺,点击旋转按钮 — 工具会用方向正确的版本进行裁剪和输出。

裁剪 JPG 会重新编码、损失画质吗?

会。JPG 是有损格式,只要通过 canvas.toBlob('image/jpeg') 保存就会重新编码。我们默认质量 92%(对大多数照片来说与原图视觉上看不出差别)。如果需要完全无损,选 PNG 作为输出格式;如果要更小的文件,选 WebP(同画质下约小 30%)。

数据会传到你们的服务器吗?

完全不会。文件用 FileReader 读取、解码为浏览器 Image、绘制到 canvas、用 canvas.toBlob 输出。每一步都在你的设备上以 JavaScript 执行。打开 DevTools → Network 可验证裁剪与下载过程没有任何对外请求。我们只用一个 cookie 记录 cookie 同意状态,以及一个 cookie 记录语言偏好,仅此而已。