OnlineFreeTools.org
  • 首页
  • 图片编辑工具
    • 图片格式转换 — PNG JPEG WebP AVIF BMP GIF ICO SVG 本地完成
    • 图片 EXIF 查看与清除 — GPS、相机信息、本地处理
    • 图片压缩 — 缩小尺寸与文件体积,本地完成
    • 图片优化 — 更小体积,可调编码器,本地完成
    • 图片裁剪与改尺寸 — 本地完成
  • 开发者工具
    • 在线查看 HTTP 响应头
    • 查询我的公网 IP — 查看当前出口地址
    • Markdown ↔ HTML 转换 — 预览与安全清理
    • 在线文本对比 — 文本差异对比工具
    • YAML ↔ JSON 互转 — 类型规则、多文档、本地处理
    • CSV ↔ JSON 互转 — 类型、分隔符、本地处理
    • HTML 实体编解码 — 转义、反转义、本地处理
    • 给域名添加 www DNS — 记录生成与各平台教程
    • IndexNow — Bing URL 提交、密钥检查与状态码
  • 计算器
    • BMI 计算器 — 如何计算身体质量指数
    • 投资回报率(ROI)计算 — 公式与示例
    • 边际收益计算 — 公式 MR = ΔTR / ΔQ
    • 平方英尺转平方米 — 看房与装修面积换算
    • 百分比变化计算 — 旧值到新值的涨跌幅
    • 多元函数梯度计算 — ∇f 偏导向量
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

工具

在线查看 HTTP 响应头查询我的公网 IP — 查看当前出口地址Markdown ↔ HTML 转换 — 预览与安全清理在线文本对比 — 文本差异对比工具YAML ↔ JSON 互转 — 类型规则、多文档、本地处理CSV ↔ JSON 互转 — 类型、分隔符、本地处理HTML 实体编解码 — 转义、反转义、本地处理图片格式转换 — PNG JPEG WebP AVIF BMP GIF ICO SVG 本地完成图片 EXIF 查看与清除 — GPS、相机信息、本地处理图片压缩 — 缩小尺寸与文件体积,本地完成图片优化 — 更小体积,可调编码器,本地完成图片裁剪与改尺寸 — 本地完成给域名添加 www DNS — 记录生成与各平台教程IndexNow — Bing URL 提交、密钥检查与状态码BMI 计算器 — 如何计算身体质量指数投资回报率(ROI)计算 — 公式与示例边际收益计算 — 公式 MR = ΔTR / ΔQ平方英尺转平方米 — 看房与装修面积换算百分比变化计算 — 旧值到新值的涨跌幅多元函数梯度计算 — ∇f 偏导向量

图片裁剪与改尺寸 — 本地完成

:
? px
0.90
JPEG 底色

在浏览器里裁剪或改尺寸:自由框选、比例锁定(1:1、16:9 等)和常用输出像素。步骤:选图 → 框选或选预设 → 设宽高 → 下载 JPEG/WebP/PNG。例:把手机照片裁成 512×512 头像。文件留在本机;导出通常不含 EXIF。

怎么用

选图后锁定比例或自由框选,再设输出宽高(或常用尺寸),然后导出。页面把预览上的框映射回源图像素,用画布裁切到目标尺寸再 toBlob。整图改尺寸可用适应/铺满。文件不上传;重编码通常去掉 EXIF。

规则说明

裁剪与改尺寸是同一流水线。输出大于选区前先看下面几条。

  • 选区坐标相对原图像素,不是缩放后的预览像素;拖动手柄会按显示比例换算回去。
  • 用 drawImage 把源矩形画到输出画布。v1 不放大:目标大于选区时会缩小并提示。
  • 比例预设改选区形状;像素预设填宽高并尽量对齐比例。「与选区相同」复制当前框尺寸。
  • 隐私:不上传。Canvas 导出通常无 EXIF。若要再压体积,裁完后去压缩工具。

示例

示例图 1600×1000,锁定 1:1 取中心方块,导出约 0.9 质量的 512×512 JPEG。改 16:9 与 1920×1080 可做宽封面(选区不够大时会钳制)。整图「最长边 1200」可等比缩小整张照片。

适用场景

  • 头像:1:1 裁切,输出 512 或 256。
  • 封面横幅:16:9 或 1200×630 一类常用尺寸。
  • 上站素材:整图最长边 1200 或宽 800 后再上传。

常见问题

图片会上传吗?

不会。解码、裁剪、编码都在本地。可在开发者工具 Network 确认没有 POST 图片。

会把小图放大变糊吗?

不会。输出大于选区时会钳制并提示,不编造细节。

和图片压缩有什么区别?

本页管构图与像素尺寸;压缩工具主攻体积(质量与目标 KB)。裁完可再去压缩。

正方形和 16:9 要用不同工具吗?

不用。都是同一页上的比例预设。

EXIF 还在吗?

通常没有。Canvas 重编码会丢掉元数据;需要先看可用 EXIF 工具。

GIF 动画还能动吗?

不能。只裁第一帧,输出静态图。

相关工具

  • 图片压缩 — 缩小尺寸与文件体积,本地完成
  • 图片格式转换 — PNG JPEG WebP AVIF BMP GIF ICO SVG 本地完成
  • 图片优化 — 更小体积,可调编码器,本地完成

分享这个工具

可通过社交网络分享,或复制本页链接;支持系统分享的设备也可一键分享。

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/zh/tools/image-crop

咨询与反馈

页面不清、功能异常或想提建议?在下方起草邮件,我们会阅读每一封关于工具的来信。

邮箱: dailyonetools@outlook.com

参考来源

  • MDN ??CanvasRenderingContext2D.drawImage()
  • MDN ??HTMLCanvasElement.toBlob()
OnlineFreeTools.org · 学习项目 · 持续迭代
关于·开发日志·隐私·条款·联系