反馈途径·目前大家有任务反馈可以直接发我邮箱:lyfs814@163.com陆续上线高价值工具,敬请期待! 欢迎使用蜗牛工具箱·新工具持续上线中,欢迎收藏关注。如有建议欢迎反馈! 反馈途径·目前大家有任务反馈可以直接发我邮箱:lyfs814@163.com陆续上线高价值工具,敬请期待! 欢迎使用蜗牛工具箱·新工具持续上线中,欢迎收藏关注。如有建议欢迎反馈!
v1.0 · 已上线中英双语纯客户端

图片压缩Image Compress

在浏览器内压缩 JPG / PNG / WebP,支持格式互转、质量与最大宽度调节。图片从选择到下载全程不离开本机。

本周使用—·收藏142·版本v1.0.0·最后更新3 天前·完全免费
输出格式
·质量 78
拖拽图片到此处,或点击选择文件
支持 JPG · PNG · WebP · BMP 等浏览器可解码格式,压缩全程本地完成
选择文件
78
1050100
1920px
32019204096
压缩率
—
节省空间
—
输出尺寸
—
处理耗时
—
本地处理 · 0 KB 上传

工具介绍

3 段详细说明

图片压缩工具基于浏览器原生 Canvas 2D 在本地完成全部压缩运算,图片数据从选择到下载完全不出本机。你可以放心压缩涉及商业机密、产品截图、个人隐私的照片。

所有解码、缩放、重编码都在浏览器内存中完成:drawImage 负责缩放,toBlob 负责编码,零上传、零等待。一张 5 MB 照片压缩通常 1 秒内完成,处理过程可断网使用。

相比在线压缩服务,省去上传下载时间、避开隐私风险;相比本地软件,无需安装、打开网页即用。支持 JPG、PNG、WebP 三种格式输出互转,质量 10-100 精细控制,最大宽度限制轻松应对手机原图。

基础知识 · 图像格式

3 种输出格式 · 6 个要点

选对格式比调参更省体积:不同格式的编码思路完全不同,先看懂 JPG / PNG / WebP 的分工,再动手压缩。以下 6 个要点覆盖 90% 的日常场景:

1JPG有损压缩 · 照片首选
1600 万色 + 有损压缩,体积小、兼容性最好。质量 ≥ 75 时肉眼几乎无差异,50 以下才出现明显色块。不支持透明通道,透明区域会被填充为白色(或黑色)。
2PNG无损压缩 · 截图图标
像素级无损、支持透明通道,适合截图、图标、带文字的图。但照片类内容用 PNG 体积通常远大于 JPG——照片别用 PNG。
3WebP现代格式 · 体积最优
同质量下体积比 JPG 小 25-35%,同时支持有损 / 无损 / 透明 / 动画。现代浏览器全部支持,流量敏感场景推荐优先。
4lossy vs lossless有损 vs 无损
有损(JPG / WebP 有损)丢弃人眼不敏感的信息换取体积;无损(PNG / WebP 无损)解码后逐位还原。压缩率:有损远高于无损,按内容选格式而不是无脑选「最高质量」。
5EXIF元数据会被剥离
EXIF 记录拍摄时间、GPS 坐标、相机型号等元信息。Canvas 重编码会剥离全部 EXIF——公开分享家庭出游照更安全;需要保留元数据的摄影原片请直接分享原图。
6quality vs size质量与体积的非线性关系
75-85 是体积与画质的甜蜜点;90-100 体积陡增但收益甚微;50 以下出现可见色块。配合「最大宽度」限制,长边 4K+ 的手机原图体积可再降一个量级。
格式选择速记
照片 / 摄影图 → JPG 质量 78 左右;追求更小体积 → WebP。
截图 / 图标 / 透明背景 → PNG(无损 + 透明通道)。
网页配图 / 流量敏感 → WebP,同质量体积最小。
输出比原图还大?→ 照片类内容换 JPG / WebP(PNG 编码照片效率很低),或调低质量 / 收窄最大宽度。

使用说明

4 步快速入门
1
选择图片
把图片拖拽到上传区,或点击选择文件,支持浏览器可解码的常见格式
2
调整参数
切换输出格式 JPG / PNG / WebP,调节质量滑杆与最大宽度限制
3
开始压缩
点击「开始压缩」,本地 Canvas 完成编码,右侧立即显示结果与统计
4
下载带走
点「下载结果」保存压缩图;调参后自动重压,可反复对比到满意为止

使用场景

4 个真实案例
01博客 / 公众号配图

原图 5MB 经质量 78 压缩至 600KB,微信编辑器上传不卡、页面加载更快。

02电商商品图

逐张压至统一规格与宽度,整店图片体积减 80%、CDN 流量降一半。

03邮件附件

把 8MB 截图压到 1.5MB,塞进邮件正文不被退回,企业邮箱首选。

04移动端上传

iOS / Android 拍的原图动辄 5MB,压缩到 500KB 后再发朋友圈 / 小红书。

常见问题

8 个问答
压缩会不会损失画质?

JPG 是有损格式,质量 ≥ 75 时肉眼几乎看不出差异,质量 50 以下才明显。PNG 是无损压缩,主要优化编码方式而非像素。WebP 在同质量下体积比 JPG 小 25-35%,推荐优先使用。

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

不会。压缩引擎跑在你浏览器里,所有解码、缩放、编码都在本地内存中完成,关闭页面后所有中间数据立即释放。你可以打开浏览器 DevTools 的 Network 面板验证:处理过程零网络请求。

支持哪些格式输入输出?

输入:浏览器可解码的常见格式(JPG / JPEG / PNG / WebP / BMP / GIF 首帧等)。输出:JPG / PNG / WebP 三选一。HEIC(iPhone 原图)暂不支持,建议先在系统相册导出为 JPG。

EXIF 元数据会保留吗?

不会。Canvas 重编码会剥离全部 EXIF(含 GPS 坐标、拍摄时间、设备型号)。公开发布涉及隐私的照片更安全;摄影原片需要保留元数据的,请直接分享原图文件。

为什么 PNG 压缩后反而变大?

PNG 是无损格式,且浏览器内置编码器对照片类内容效率较低——照片的噪点与渐变会让 PNG 体积膨胀。照片类内容请改选 JPG 或 WebP;截图、图标类 PNG 仍是正确选择。

可以批量压缩吗?

当前版本为单张处理,专注把画质、体积、参数调节做精。批量 + ZIP 打包已列入路线图,后续版本会加上。

移动端能用吗?

支持。移动端上传区自适应全宽,原始 / 压缩后对比自动垂直堆叠。手机相册选图、压缩、下载全流程可用。

离线能用吗?

能。PWA 已上线,首次访问后浏览器会缓存所有资源,断网后仍可正常压缩——压缩本身就在本地完成,与网络无关。

相关工具

图像分类

数据来源

隐私优先
算法:基于浏览器原生 Canvas 2D(drawImage 缩放 + toBlob 编码),无第三方依赖、无 WASM 打包。质量参数直接映射编码器质量值,统计数字由本地实测得出。
隐私声明:所有处理均在浏览器内存完成,图片不上传任何服务器。本工具不记录任何图片数据、不埋任何分析点。可断网使用,关闭页面后所有中间数据(Object URL / 位图)立即释放。