本地 Canvas 处理 · 默认示例可体验
在线图片编辑器
上传或使用示例图片,快速完成裁剪、旋转、滤镜调色、格式导出与分享链接生成,基础处理全程在浏览器本地完成。
裁剪调色导出
输入图片
默认示例已载入,也可选择本地图片。
tooljson-demo-cover.svg1200 × 800px
处理参数
滑动即预览,导出时再生成文件。
108%
105%
112%
0.0px
0°
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 图片,适合商品图、海报、打印预览和需要二次压缩的平台素材。