关于图片压缩
网页上传图片有体积限制时,改后缀或强行压低分辨率往往得不偿失。这个工具用 Canvas 重新编码图片,支持 JPG、PNG、WebP 三种输出:JPG 和 WebP 通过质量参数做有损压缩,质量取 0.75 到 0.85 时体积通常降到原图的 30% 到 60%,肉眼几乎看不出差别;PNG 走无损重编码,会丢掉 EXIF、ICC 等元数据块,对截图和已优化的 PNG 提升有限,多数只有 5% 到 20%。整个过程在本地内存完成,文件不经过任何服务器,适合处理合同扫描件、商品图和证件复印件这类不便外传的图片。
图片压缩怎么用
- 把 JPG、PNG 或 WebP 图片拖入页面中央的上传区域,单张拖入或一次多选都可以。
- 拖动质量滑动条选择压缩强度,照片类素材建议 0.75 到 0.85,截图和线条图不低于 0.9。
- 在输出格式下拉框里选择目标格式,需要最小体积选 WebP,需要最广兼容性选 JPG。
- 对照每个文件前后的体积数字和缩略图预览,确认暗部、文字边缘没有出现明显色块。
- 逐张或一次性下载压缩结果,原文件仍保留在本地,可以随时回到页面重新调整参数重压。
使用提示
- WebP 在同等质量下通常比 JPG 小 25% 到 35%,但部分老版本 Office 和旧版 iOS 无法直接打开,交付给客户时优先用 JPG。
- PNG 本身是无损格式,反复重编码不会再变小;想把照片体积降下来,必须先转成 JPG 或 WebP 才有明显效果。
- 压缩后 EXIF 方向信息会一起丢掉,手机竖拍的照片如果出现方向错乱,先用图片旋转工具转正再压缩。
图片压缩常见问题
图片压缩后画质会变差吗
会,但程度取决于格式和质量参数。JPG 与 WebP 属于有损压缩,质量 0.75 到 0.85 时体积可降到原图的三到六成,屏幕上基本看不出差异;一旦低于 0.6,天空、皮肤这类平滑区域会出现色块和涂抹感。PNG 重编码是无损的,画质完全不变,只是体积下降有限。
图片一般能压缩到原体积的百分之多少
没有固定值。相机直出的 JPG 转 WebP、质量取 0.8,常见结果是原体积的 25% 到 45%;已经用 Photoshop 导出过的优化 JPG,再压通常只能省 10% 到 20%。PNG 截图重编码一般只减 5% 到 20%,PNG 本身已无损,可砍的冗余不多。
压缩后图片会上传到服务器吗
不会。压缩是浏览器里调用 Canvas 的 toBlob 接口完成的,图片数据始终留在本机内存,页面只从网络加载 JS 和样式文件。断网状态下页面已经缓存住也能继续压缩,这正是它可以用来处理证件照、合同和内部文档的原因。
一次压缩一百张图会不会卡死浏览器
会明显变慢。压缩是单线程逐张执行,1080P 图片每张大约 0.2 到 1 秒,超过 50 张建议分批处理。一次选太多张还会撞上浏览器标签页的内存上限,进程被系统回收后已处理的结果会全部丢失。按 20 到 30 张一组更稳妥。