Image Compressor：快速压缩图片文件大小

什么是 Image Compressor？

Image Compressor 是一款免费的浏览器端工具，在保持视觉质量的同时将图片文件大小减少最多80%。它接受JPEG、PNG和WebP图片，通过browser-image-compression库应用有损或近无损压缩，并返回压缩后的文件供下载——全程无需上传任何内容到服务器。这对于优化页面加载时间的网页开发者、通过电子邮件分享大文件的摄影师，以及任何需要在不使用桌面软件的情况下获得较小图片的人都很有用。

主要功能

• 将图片压缩最多80% — browser-image-compression库通过将质量调整与可选的尺寸限制相结合来实现积极的尺寸缩减，典型照片通常可达到60–80%的节省。
• 可调节的质量设置 — 质量滑块从10%到100%以5%为步长移动。默认值为80%，这是大多数网页图片的实用最佳点。
• 最大宽度控制 — 第二个滑块限制输出图片的最大宽度或高度。范围从640px到4096px，步长128px，默认值1920px。比此限制更窄的图片不会被放大。
• 前后对比 — 每个压缩结果以绿色显示原始文件大小、压缩后文件大小和节省百分比（例如-62%）。所有节省的累计总量显示在结果面板顶部。
• 批量压缩（Premium） — 启用批量模式（支持者功能），可以一次上传多张图片并同时压缩。该工具内部使用网络工作线程（useWebWorker: true），因此压缩运行时不会冻结浏览器界面。没有批量模式，单图压缩对所有用户可用。
• 支持JPEG、PNG、WebP — 接受任何MIME类型以image/开头的文件。压缩输出保留原始格式，并使用原文件名-compressed.ext的文件名模式。
• 无文件大小限制 — 代码中maxSizeMB选项设置为10，意味着库将输出目标设置在10MB以下，但不会拒绝超过该阈值的输入。

如何使用 Image Compressor

第一步：上传图片

打开 Image Compressor。点击上传区域或将图片拖放到上面。文件选择器接受所有图片类型（image/*）。可以一次选择多个文件，初次上传后再次点击放置区域可以添加更多文件。

每个上传的文件以标签形式显示，标签显示文件名和原始大小（例如vacation_photo.jpg (4.23 MB)）。

第二步：配置压缩设置

上传区域下方，选项面板显示两个滑块：

质量（10–100%，默认80%）— 控制输出的JPEG或WebP编码质量。较低的值产生较小的文件，但压缩伪影更明显。对于网页图片，70–85%是典型范围。对于邮件分享，75–80%较为实用。对于存档，保持在90%以上以减少质量损失。

最大宽度（640–4096px，默认1920px）— 任何比此值更宽或更高的图片在编码前都会按比例缩小。来自现代相机的6000×4000照片将以默认设置缩放到1920×1280。如果您的图片已经小于1920px，此设置没有效果。

第三步：压缩并下载

点击Compress Images。当网络工作线程处理每个文件时，按钮标签变为"Compressing..."。完成后，结果部分显示每张图片的缩略图、原始大小、压缩大小和节省百分比。

点击任意单个结果上的下载图标保存该压缩文件。如果您压缩了多张图片，结果下方会出现Download All按钮——点击它将所有压缩文件作为单个compressed-images.zip压缩包下载。ZIP内的每个文件命名为原文件名-compressed.ext。

实际使用示例

优化博客文章的图片库

您有8张用于博客文章的JPEG，每张在3MB到6MB之间（直接来自单反相机）。在80%质量和最大宽度1920px下，典型节省为60–75%。8张4MB的图片变成平均1.2MB的8个文件——将页面总图片重量从32MB减少到10MB以下，显著改善移动网络上的加载时间。

为电商网站准备产品照片

某电商平台每张产品图片的上传限制为2MB。您的产品照片是5–8MB的JPEG。将质量设置为85%，最大宽度设置为2048px。在这些设置下，6MB的产品照片通常压缩到约900KB——远低于限制，同时保留足够的细节用于缩放功能。

减少截图文件大小

来自视网膜屏幕的截图通常是1–3MB的PNG。以80%质量和最大宽度1920px压缩通常将其减少到200–500KB——适合文档、问题报告或Slack消息的实用大小。

技巧与最佳实践

从80%质量开始，然后调整。 默认的80%经过校准，能为大多数摄影图片产生视觉上出色的结果。如果输出看起来仍然很好，尝试70%获取额外节省。如果您看到方块伪影或色带，增加到85–90%。

对于大照片，最大宽度比质量更重要。 6000px宽的照片比1920px版本包含更多的像素数据。仅将最大宽度从6000减少到1920就可以将文件大小削减70%，即使在高质量设置下也是如此。对于网络使用，1920px比大多数屏幕更宽——更宽的内容只是浪费带宽。

PNG压缩与JPEG行为不同。 PNG使用无损压缩，因此"质量"设置影响browser-image-compression库转换或重新编码的积极程度。对于有大面积透明区域的PNG，结果可能不如JPEG那样显著。

网络工作线程保持浏览器响应。 由于useWebWorker: true已启用，即使对于大批量，您也可以在压缩运行时继续使用其他浏览器标签。每个文件完成时界面会更新。

压缩文件的文件名中包含-compressed。 如果原始文件在同一下载文件夹中，这可以防止意外覆盖。您可以在之后重命名它们。

常见问题与故障排除

"Compression error"提示 — 一般压缩失败。当图片文件损坏、浏览器在处理非常大的批次期间内存不足，或者输入文件尽管具有图片MIME类型但不是有效图片时，可能会发生这种情况。尝试单独压缩有问题的文件以隔离问题。

输出文件大于输入 — 对于小图片（50KB以下）或已经过度压缩的JPEG，以80%质量重新编码有时可能产生略大的输出。这是因为原始文件以更低的质量设置编码，库无法完全复制。如果发生这种情况，请使用原始文件。

-0%或接近零的节省 — 已经压缩的图片（之前压缩过的高度优化JPEG，或小型PNG图标）可能显示可忽略的节省。这是预期行为。输出仍然有效，但相对于原始文件没有优势。

大批次压缩非常慢 — 即使有网络工作线程，处理20张以上的高分辨率照片也需要时间。如果浏览器标签似乎无响应，网络工作线程可能正在积极运行。在与结果交互之前等待"Compression Complete"通知。将非常大的批次（50张以上）分成20张一组。

质量滑块不能低于10% — 最低质量为10%，这会产生具有显著伪影的高度压缩输出。如果需要更小的文件，请大幅减少最大宽度（例如减至640px或1024px），而不是将质量推到10%以下。

隐私与安全

Image Compressor 使用browser-image-compression库的网络工作线程在您的浏览器中本地处理所有图片。任何时候都不会将图片数据传输到任何服务器。您可以通过在监控浏览器网络标签的同时运行该工具来确认这一点——不会发出上传请求。这使该工具适合压缩敏感图片，例如医疗扫描、为参考目的拍摄的法律文件，或机密项目截图。

常见问题解答

Image Compressor 免费吗？ 是的，完全免费，没有文件数量限制，无需账户，没有水印。所有压缩功能都可不受限制地使用。

Image Compressor 可以离线使用吗？ 是的。页面加载后，您可以在没有互联网连接的情况下压缩图片。browser-image-compression库使用网络工作线程完全在您的浏览器中运行。

使用 Image Compressor 我的数据安全吗？ 您的图片永远不会上传到服务器。所有处理都在您自己设备上的浏览器网络工作线程中进行。该工具对敏感或机密图片是安全的。

我可以压缩的最大文件大小是多少？ 该工具没有强制执行严格的最大值。压缩选项中的maxSizeMB目标设置为10MB（意味着库尝试将输出保持在10MB以下），但这是一个目标，而不是输入限制。非常大的文件（50MB以上）可以工作，但可能需要更长时间并消耗更多浏览器内存。

该工具会减小图片尺寸吗？ 只有在图片超过最大宽度设置时才会。默认值为1920px——任何宽度或高度超过1920px的图片都会按比例缩小。小于1920px的图片不会调整大小。

支持哪些格式？ 文件选择器接受所有图片格式（image/*）。实际上，JPEG、PNG和WebP产生最可靠的结果。输出格式与输入格式相同。

为什么我的压缩PNG显示的节省与JPEG不同？ JPEG是有损格式，对质量调整反应良好。PNG本质上是无损的，因此节省主要来自尺寸缩减以及库在内部应用的任何格式转换。要最大化PNG压缩，还要减小最大宽度设置。

我可以控制输出格式吗（例如，将PNG压缩为WebP）？ 不能。Image Compressor在输出中保留输入格式。要转换格式，请使用 Image Converter。

节省百分比是如何计算的？ 工具计算Math.round((1 - compressedSize / originalSize) * 100)。62%的结果意味着压缩文件是原始大小的38%。

如果我压缩已经压缩的图片会发生什么？ 工具仍然会压缩它，但节省会很少，甚至可能是负数（输出略大于输入）。对已压缩JPEG进行有损压缩的每次处理都会增加代际质量损失，而不会有意义地减小尺寸。尽可能从原始文件进行压缩。

相关工具

• 即将推出: Image Resizer — 在压缩之前或代替压缩，将图片调整为特定像素尺寸。
• 即将推出: Image Converter — 在PNG、JPEG、WebP、GIF和BMP之间转换图片，带质量控制。
• 即将推出: Image to Base64 — 将压缩图片编码为Base64字符串，用于CSS或HTML内联图片。
• 即将推出: Image Cropper — 在为网络使用进行压缩之前，将图片裁剪为精确尺寸。

立即试用 Image Compressor：即将推出: Image Compressor