本地 Canvas 处理 · 默认示例可体验

在线图片编辑器

上传或使用示例图片,快速完成裁剪、旋转、滤镜调色、格式导出与分享链接生成,基础处理全程在浏览器本地完成。

图片编辑器示例预览
裁剪调色导出

输入图片

默认示例已载入,也可选择本地图片。
tooljson-demo-cover.svg1200 × 800px

处理参数

滑动即预览,导出时再生成文件。
108%
105%
112%
0.0px
0%
0%

输出预览

首屏完成输入、处理和输出。
已加载示例图片,可直接调色、裁剪或下载。
编辑中的图片
标准 1x 下载免费可用;需要商品主图、海报素材或二次压缩前的高分辨率文件时,可使用 Pro 2x/3x 高清导出。

升级 Pro 解锁高清图片导出

PRO

升级 Pro 后可导出 2x/3x 高清图片,保留更多细节,适合发布前二次压缩和交付留档。

  • 导出 2x 高清图片
  • 导出 3x 超清图片
  • 保留 PNG/JPEG/WebP 3 种格式

这个工具能做什么

  • 对 JPG、PNG、WebP、SVG 等图片进行本地裁剪、旋转和滤镜调整。
  • 用预设快速生成清透、电商亮图、暖调、黑白稿等常见效果。
  • 把结果导出为 PNG、JPEG 或 WebP,并复制适合分享的结果摘要。
  • 生成带参数的分享链接,示例图和小图可一键恢复编辑状态。

适用场景

  • 商品图、文章封面、社媒配图上线前快速调色。
  • 头像、横幅和内容配图的轻量裁剪,不需要打开大型设计软件。
  • 团队审稿时复制处理摘要,让对方知道尺寸、格式和调整项。
  • 需要高分辨率交付时使用 Pro 2x/3x 高清导出。

如何使用

打开页面即可从示例开始,三步完成处理。
1

输入

使用默认示例,或点击「选择图片」载入本地图片。

2

处理

选择滤镜预设,微调滑杆,按需要旋转或进入裁剪模式。

3

输出

复制结果摘要、下载图片,或生成可恢复参数的分享链接。

常见问题 FAQ

关于隐私、导出格式和分享恢复的说明。

在线图片编辑器怎么裁剪图片?

点击「开始裁剪」后拖动取景框,8 个控制点可以调整边缘和角落,框内拖动可移动位置。确认后点击「应用裁剪」,工具会按当前图片显示比例换算到原始像素,生成新的 PNG/JPEG/WebP 输出。

图片编辑结果可以直接下载吗?

可以。点击「下载图片」会用浏览器 Canvas 在本地生成结果文件,支持 PNG、JPEG、WebP 3 种格式。PNG 保留透明通道;JPEG 和 WebP 可通过质量滑杆控制体积,适合网页和社媒发布。

上传的图片会被发送到服务器吗?

不会。基础裁剪、旋转、滤镜、导出都在浏览器本地完成,文件内容不会上传到 tooljson.com 服务器。分享链接默认只保存编辑参数;只有小体积或示例图片才会嵌入链接用于一键还原。

分享链接为什么没有恢复我上传的大图?

浏览器地址长度有限,几 MB 的图片不适合直接塞进 URL。工具会优先分享亮度、裁剪后尺寸、旋转角度、导出格式等参数;示例图或较小图片可随链接恢复,较大图片需重新选择原图。

PNG、JPEG、WebP 导出有什么区别?

PNG 适合截图、Logo、透明背景,画质无损但体积较大;JPEG 适合照片,质量 80-92 通常能兼顾清晰度和体积;WebP 在多数现代浏览器中体积更小,适合网页封面和商品图。

高清图片导出和普通下载有什么区别?

普通下载按当前编辑尺寸 1x 导出,适合日常分享和网页使用;Pro 高清导出可生成 2x 或 3x 图片,适合商品图、海报、打印预览和需要二次压缩的平台素材。

相关工具

需要固定社媒尺寸时可使用图片裁剪器,需要重新设定像素宽高时可使用图片尺寸调整

    问题反馈