图片压缩Image Compress
在浏览器内压缩 JPG / PNG / WebP,支持格式互转、质量与最大宽度调节。图片从选择到下载全程不离开本机。
工具介绍
3 段详细说明图片压缩工具基于浏览器原生 Canvas 2D 在本地完成全部压缩运算,图片数据从选择到下载完全不出本机。你可以放心压缩涉及商业机密、产品截图、个人隐私的照片。
所有解码、缩放、重编码都在浏览器内存中完成:drawImage 负责缩放,toBlob 负责编码,零上传、零等待。一张 5 MB 照片压缩通常 1 秒内完成,处理过程可断网使用。
相比在线压缩服务,省去上传下载时间、避开隐私风险;相比本地软件,无需安装、打开网页即用。支持 JPG、PNG、WebP 三种格式输出互转,质量 10-100 精细控制,最大宽度限制轻松应对手机原图。
基础知识 · 图像格式
3 种输出格式 · 6 个要点选对格式比调参更省体积:不同格式的编码思路完全不同,先看懂 JPG / PNG / WebP 的分工,再动手压缩。以下 6 个要点覆盖 90% 的日常场景:
JPG有损压缩 · 照片首选PNG无损压缩 · 截图图标WebP现代格式 · 体积最优lossy vs lossless有损 vs 无损EXIF元数据会被剥离quality vs size质量与体积的非线性关系使用说明
4 步快速入门使用场景
4 个真实案例原图 5MB 经质量 78 压缩至 600KB,微信编辑器上传不卡、页面加载更快。
逐张压至统一规格与宽度,整店图片体积减 80%、CDN 流量降一半。
把 8MB 截图压到 1.5MB,塞进邮件正文不被退回,企业邮箱首选。
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 打包。质量参数直接映射编码器质量值,统计数字由本地实测得出。