压缩图片 v1.0

图片压缩工具是把 JPG、PNG、WebP 等图片的文件体积降下来、同时尽量保住画质的在线工具。DocPivot 这款压缩器把 MozJPEG、libwebp、libavif、oxipng 四套专业编码器编译成 WebAssembly，直接在你自己的浏览器里跑，图片不上传、不进服务器、不排队。一次最多处理 30 个文件，单个文件上限 100 MB，可以直接指定“压到 200 KB 以内”这样的目标体积，也能在输出原格式的同时额外生成 WebP 和 AVIF 副本。如果你还需要改分辨率，那属于另一件事，交给图片尺寸调整工具处理更合适。

DocPivot 图片压缩工具概述

核心功能

这个工具用桌面级编码器在浏览器本地完成压缩，全程不产生任何网络上传。图片先解码到 canvas，再由 MozJPEG（带 trellis 量化、渐进式扫描、优化哈夫曼编码）、libwebp（method 5、sharp YUV）、oxipng 或 libavif 重新编码。2.0 版本之前的旧版走的是浏览器自带的 canvas.toBlob，同一张照片只能压掉 12%，而 MozJPEG 能压掉 64%；更糟的是一张 466 KB 的 PNG 经过旧版会变成 1.5 MB。想换格式而不是压体积的话，图片格式转换工具是更直接的入口。

目标用户与使用场景

DocPivot 的用户里，用得最多的是三类人：做独立站和电商详情页的运营、需要按平台规定尺寸提交证件照与材料照的普通用户、以及要把首屏图片体积压下去的前端和 SEO 从业者。跨境电商卖家在 Shopify、WooCommerce 上传产品图时经常卡在体积限制；考研、四六级、教师资格证等报名系统对照片有明确的 KB 上限；公众号、小红书、知乎的图文作者则希望上传前先自己压一遍，避免平台二次有损压缩把画质吃掉。设计交付时想把透明底图换成白底 JPG 的，可以配合 PNG 转 JPG 工具一起用。

问题与解决方案

大部分免费压缩网站有两个绕不开的问题，DocPivot 在设计时都做了取舍：图片要先上传到别人的服务器，以及压缩参数是死的。上传意味着你的产品图、身份材料、未发布的设计稿都经过了第三方，很多站点只承诺“1 小时内删除”，这在《个人信息保护法》语境下并不是一个让人放心的答案。参数写死则导致截图和纯色图被当成照片处理，边缘发虚。本工具的做法是：不上传，并且按像素内容而不是文件后缀决定编码参数。

图片压缩工具的主要优势

• 图片不离开本机：编码器以 WebAssembly 形式在浏览器内运行，没有服务器、没有队列、没有 API 密钥。敏感素材、客户样稿、证件照都不会经过第三方。
• 真正的桌面级编码器：MozJPEG 和 libwebp 是专业工具链里用的同一套编码器，不是浏览器自带的通用接口，压缩比差距是数量级的。
• 绝不返回更大的文件：压缩结果如果没有真的变小、格式又没变，工具会退回原图并直接告诉你，而不是报一个虚假的“节省百分比”。
• 可以指定目标体积：填一个 200 KB，程序会在质量 5 到 95 区间做二分搜索、最多试 8 次，保留能塞进去的最优结果；塞不进去也会明说。
• 一次输出多种格式：压缩原格式的同时可以顺手产出 WebP 和 AVIF 副本，直接拿去拼 标签。想单独转的话用 JPG 转 WebP 工具更快。
• 元数据由你决定：可选保留源 JPEG 的 EXIF、XMP、ICC 段并把方向标记重置为 1。想先看看图里带了什么，用 EXIF 信息查看工具确认。
• 批量处理够用：30 个文件、每个 100 MB，多文件和多格式一起打包成 ZIP 下载，不用一张一张点。
• 改动全部说明白：CMYK 被转成了 RGB、元数据被清掉了、动图被跳过了，工具都会标出来。文档类的体积问题则交给 PDF 压缩工具。

图片压缩工具的核心功能

• MozJPEG 编码：启用 trellis 量化、渐进式扫描和优化哈夫曼编码，同画质下比常规 JPEG 编码器小一大截。
• WebP 编码：libwebp 以 method 5 加 sharp YUV 运行，专门抑制转 YUV 时红色、粉色文字容易出现的偏色。批量转换可用 PNG 转 WebP 工具。
• AVIF 编码：按需加载 libavif，适合追求极限体积的首屏大图。单独转格式走 PNG 转 AVIF 工具即可。
• oxipng 无损优化：重整 PNG 容器结构，不改动任何像素。
• 按内容判定色度抽样：跨步采样约 4000 个像素，统计相邻像素完全相同的比例。照片噪点多，重复率约 2%；截图和 logo 是大片纯色，重复率可达 70%。低于三分之一走 4:2:0，高于则强制 4:4:4。
• 目标体积搜索：把质量档位换成对 5 至 95 区间的二分搜索，最多 8 次探测。
• 透明像素衬底：输出到没有 alpha 通道的 JPEG 时，透明区域会合成到白底，而不是 canvas 默认的黑底。
• 动图识别与放行：通过解析文件自身的块结构识别动态 GIF、APNG 和动态 WebP，原样返回。
• 元数据搬运：可选把源 JPEG 的 EXIF、XMP、ICC 段复制到新文件。要彻底清掉定位信息，用 照片元数据清除工具。
• CMYK 标记：检测到 CMYK 源文件时转为 RGB 并明确提示。
• 结果校验：输出比原图大就退回原图。
• ZIP 打包：多文件、多格式的输出统一打包下载。

DocPivot 图片压缩工具的使用方法

1. 把图片拖进上传区，或者点击选择文件，一次最多 30 张，单张不超过 100 MB。
2. 选一个压缩级别：最小体积、平衡、最佳画质，或者直接选“指定大小”并填入 KB 数。
3. 需要的话勾选额外输出 WebP 或 AVIF 副本，以及是否保留 EXIF 元数据。
4. 点击开始压缩。首次使用某种格式时浏览器会下载对应的 WebAssembly 模块，之后同一会话内不再重复下载。
5. 查看每张图的前后体积和工具给出的提示，逐张下载或打包成 ZIP 一次取走。
6. 如果压缩后仍然偏大，多半是分辨率太高，先把长边缩到实际展示宽度的两倍再压一次。需要先裁掉多余画面的话，WebP 转 JPG 工具和裁剪工具都能配合。

何时使用图片压缩工具

只要图片的体积在某个环节成了障碍，就该先压一遍。最典型的是上传限制、页面速度和存储空间这三类场景，另外还有一类是发给别人之前主动降体积，避免对方的平台再做一次有损压缩。

• 报名系统限尺寸：考研、四六级、教资、公务员报名的照片上传普遍卡 KB 上限，“指定大小”这一档就是为这种硬性要求准备的。
• 独立站首屏加速：Banner 和产品主图往往占了首屏一半以上的字节数，转 WebP 通常能省下六成。
• 详情页批量上传：淘宝、京东、抖音小店的详情长图数量多，批量压缩比逐张处理省时间。
• 邮件附件超限：企业邮箱附件多在 20 MB 到 50 MB 之间，手机原图几张就顶满了。
• iPhone 照片交付：HEIC 在很多国内系统里打不开，压缩前先用 HEIC 转 JPG 工具转成通用格式。
• 公众号与小红书发图：平台会二次压缩，自己先压到合理体积能减少一轮画质损耗。
• 站点图标制作：小尺寸图标本身体积不大，但配套的宣传图仍需压缩，图标本身交给 网站图标生成工具。
• 网盘与本地归档：用最佳画质档做无损或近无损压缩，既省空间又留出后期编辑余地。

有两种情况不建议压：需要送印刷厂的 CMYK 成品文件，以及打算继续做多轮编辑的中间稿。前者会被转成 RGB，后者反复有损压缩会持续累积损失。

四种压缩级别怎么选

级别的差别不只是质量数值，还包括色度抽样策略是否被锁定。下表是各档的实际参数。

网页用图直接选最小体积就行，肉眼几乎看不出差别。含文字的截图、UI 稿、带细线的图表建议选平衡或更高档，避免 4:2:0 把彩色文字边缘抹糊。如果画面里有大片无用的留白，先用图片裁剪工具裁掉，比调任何质量参数都省体积。

与常见图片压缩工具的对比

国内用户最常用的是 TinyPNG（tinify.cn）、压缩图、docsmall 和 Squoosh，各有取舍。下面这张表只列客观参数，不做优劣判断。

结论比较清楚：要逐张调参数并肉眼比对画质，Squoosh 的分屏预览更顺手；要一次处理几十张大图、又不想让图片离开本机，本工具的组合更合适。需要给图片加标识的场景，另有图片加水印工具可用。

应用案例

跨境独立站的产品图批量瘦身

背景：一家做家居用品的独立站卖家，Shopify 店铺有 200 多个 SKU，主图全是相机直出的 4 MB 以上 JPG，移动端首屏加载超过 5 秒。

操作流程：

• 按 30 张一批导入，选择最小体积档
• 勾选额外输出 WebP 副本
• 下载 ZIP 后按目录批量替换，模板里改用 标签

效果：单张主图从 4.2 MB 降到约 380 KB，WebP 副本进一步降到 210 KB 左右，移动端首屏字节数下降超过八成。

考试报名照片压到规定 KB 内

背景：报名系统要求证件照为 JPG、体积不超过 100 KB，手机拍摄再裁剪后的文件是 1.8 MB，反复用微信“发送给自己”降体积既不可控又损画质。

操作流程：

• 选择“指定大小”，填入 100 KB
• 关闭 EXIF 保留，去掉拍摄设备和定位信息
• 直接下载单张结果

效果：输出稳定落在 95 KB 上下，一次通过审核，无需靠“另存为”反复试错。

公众号长图与拼图素材的准备

背景：内容团队每期要发 10 张以上配图，编辑器对单张图片体积有限制，图片过大会导致加载慢、读者流失。

操作流程：

• 先用图片拼接工具把零散截图合成长图
• 整体导入压缩，选择平衡档保住文字边缘
• 超长图先用图片分割工具切段再分别压缩

效果：单张配图稳定控制在 300 KB 以内，文字部分因为走了 4:4:4 抽样，放大后依然清晰。

设计公司交付前的素材归档

背景：一家小型设计工作室每个项目结束后要归档几百张高清源图，硬盘和网盘空间吃紧，但客户可能半年后回来要求二次修改。

操作流程：

• 选择最佳画质档，JPEG 走 q95、PNG 走 oxipng 无损
• 勾选保留 EXIF、XMP、ICC，确保色彩配置文件不丢
• 按项目打包 ZIP 存档

效果：归档体积下降三到四成，色彩管理信息完整保留，后续重新编辑不受影响。

前端团队的构建前预处理

背景：某 SaaS 产品官网的静态资源目录里有大量运营同事直接丢进来的未优化 PNG，构建产物臃肿，CDN 流量费用逐月上涨。

操作流程：

• 把 PNG 批量导入，同时输出 WebP 和 AVIF 三套副本
• 用返回的体积数据决定哪些图值得上 AVIF
• 在 里按 AVIF、WebP、原格式的顺序回退

效果：一张 466 KB 的界面截图 PNG 转 WebP 后为 171 KB，比调色板量化方案的 441 KB 更省，整站图片流量下降明显。

能力边界与已知限制

有几件事这个工具明确不做，理由也说清楚。DocPivot 的做法是把边界写出来，而不是让用户自己撞上去。

• 不提供 PNG 有损量化。实现它需要 libimagequant，该库采用 GPL-3 协议，引入后整个页面的 JavaScript 都要跟着开源，这也是本套工具里禁用 Ghostscript 的同一个理由。因此 PNG 转 PNG 只做无损，省下的体积有限。更实际的答案是转成 WebP，实测 466 KB 降到 171 KB，优于调色板量化的 441 KB。
• CMYK 一律转成 RGB。canvas 没有 CMYK 模式，技术上没有开关可以提供。工具会明确告诉你发生了这次转换，而不是让一个印刷就绪的文件悄悄失效。
• 动图原样返回。canvas 一次只持有一帧，压缩动图等于把它拍平。在加入检测之前，一个三帧 GIF 曾被输出成单帧 PNG，还报了“体积减少 89%”。现在动态 GIF、APNG 和动态 WebP 会被识别并跳过。
• 面板上没有尺寸调整。缩小分辨率是影响体积的最大单一因素，比任何质量参数都有效，但它属于另一件事，放在图片旋转工具所在的编辑工具组里。两件事都要做就分两步走。
• 没有压缩前后的可视对比。工具给的是体积数字和参数说明，不做分屏预览。需要逐像素比对画质，Squoosh 更适合那个环节。
• 依赖服务器正确配置。WebAssembly.instantiateStreaming 按规范只接受 application/wasm 内容类型，自建部署时服务器需要配置对应的 AddType，否则模块无法加载。

常见问题

这个图片压缩工具是免费的吗？

完全免费，不需要注册、不需要登录、没有每日次数限制。所有编码都在你的浏览器里完成，没有服务器成本，也就没有付费墙。

我的图片会被上传到服务器吗？

不会，图片自始至终留在你的设备上。压缩用的 MozJPEG、libwebp、oxipng 等模块以 WebAssembly 形式下载到浏览器后本地运行，没有任何图片数据发往服务器，也不存在“多久后删除”这个问题。

压缩之后图片会变模糊吗？

用默认设置的话，照片几乎看不出差别，截图和 logo 也不会糊。“压缩后变模糊”最常见的原因是色度抽样被一律设成 4:2:0，而这恰恰最伤非照片类内容；本工具会先采样约 4000 个像素判断图片类型，纯色比例高的自动走 4:4:4。

一次能压缩多少张图片？单张最大多大？

一次最多 30 个文件，单个文件上限 100 MB。多文件的结果会打包成 ZIP 一次下载，不用逐张点击保存。

“指定大小”是怎么实现的，真能压到 200 KB 吗？

它把固定质量档换成了对质量值 5 到 95 区间的二分搜索，最多探测 8 次，保留能塞进目标体积的最优结果。绝大多数照片能准确落在你给的上限内；如果分辨率过高导致怎么压都超标，工具会直接告诉你压不到，而不是交给你一个超限的文件。

为什么 PNG 压缩效果不明显？

因为这里的 PNG 处理是无损的，只重整容器结构，不动像素。有损 PNG 量化需要 GPL-3 协议的库，引入会影响整个页面的授权方式，所以没有提供；想让 PNG 大幅瘦身，转成 WebP 是更有效的路径，也可以先用 SVG 转 PNG 工具确认源文件本身是否适合矢量方案。

支持压缩 GIF 动图吗？

不支持，动态 GIF、APNG 和动态 WebP 会被识别出来并原样返回。压缩流程要经过 canvas，而 canvas 一次只能持有一帧，处理动图会把它拍成单帧静图。

无损压缩和有损压缩该怎么选？

网页展示用有损，归档和后续编辑用无损。最小体积和平衡两档是有损，肉眼基本无感；最佳画质档下 WebP 走真正的无损、PNG 走 oxipng 无损，适合还要再改的素材。

WebP 和 AVIF 应该选哪个？

日常网页优先 WebP，兼容性更稳；追求极限体积且用户设备较新时再加 AVIF。两者可以在同一次压缩里一起输出，配合 标签让浏览器自己挑，需要反向转换时用 AVIF 转 JPG 工具。

压缩会丢掉拍摄参数和 EXIF 信息吗？

由你决定，默认清除，勾选后会把源 JPEG 的 EXIF、XMP、ICC 段复制到新文件，并把方向标记重置为 1。摄影作品交付一般建议保留，发到公开平台的图片则建议清除，因为 EXIF 里可能带有拍摄地点的经纬度，涉及《个人信息保护法》关注的个人位置信息。

CMYK 的印刷图片能压缩吗？

能压，但会被转成 RGB，并且工具会明确提示这次转换发生过。浏览器的 canvas 不支持 CMYK 色彩模式，所以没有保留 CMYK 的选项；真正要送印的文件请保留原始版本，压缩版只用于线上预览。

如果压缩后的文件比原图还大怎么办？

不会发生，工具会校验结果，只要输出没有真的变小、格式又没有改变，就把原图退回给你并说明情况。旧版本用浏览器自带接口时确实出现过 466 KB 的 PNG 被处理成 1.5 MB 的情况，2.0 版本换成真正的编码器后这个问题不再存在。

手机浏览器能用吗？需要装 App 吗？

手机浏览器可以直接用，不需要安装任何应用。首次使用某种格式时会下载对应的 WebAssembly 模块，体积从 164 KB 到 3.5 MB 不等，同一会话内只下载一次；AVIF 模块最大，只有你主动勾选时才会加载。

压缩和调整尺寸有什么区别？该先做哪个？

压缩是在不改变像素数量的前提下减少存储字节，调整尺寸是直接减少像素数量。分辨率是影响体积的最大单一因素，所以如果图片远大于实际展示尺寸，应该先缩尺寸再压缩，DocPivot 把这两件事分成了两个独立工具，正是为了让每一步的改动都可控。