Skip to content

在线图片压缩工具 – 免费批量压缩

免费在线压缩 JPEG、PNG、WebP 图片，体积缩小高达 80%。浏览器本地处理、图片不上传服务器。支持批量压缩 20 张、质量调节、前后对比预览。无需注册。

无追踪 浏览器中运行 免费
所有处理均在您的浏览器中完成，图片不会离开您的设备。

将图片拖放至此处或点击选择文件

支持 JPEG、PNG、WebP · 每个文件最大 10MB · 最多 20 张

75

什么是图片压缩？

图片压缩通过去除冗余或次要的视觉数据来减小数字图片的文件大小。主要有两种方式：

**有损压缩**会丢弃部分图片数据以获得更小的文件大小。JPEG 和 WebP 默认使用有损压缩——质量设为 75% 时，通常可在视觉效果几乎无差异的情况下将文件大小减少 60–80%。这种压缩是不可逆的：一旦数据丢弃，就无法从压缩文件中恢复。

**无损压缩**在不丢弃任何数据的情况下减小文件大小。PNG 默认使用无损压缩——解压后的图片与原始文件完全一致，逐位相同。压缩比相对较低（通常为 10–30%），但图片质量得到完美保留。

本工具使用浏览器内置的 Canvas API，完全在您的设备上压缩图片。对于 JPEG 和 WebP 文件，质量滑块直接控制有损压缩等级。对于 PNG 文件，当质量低于 100% 时，工具会将其转换为 WebP 格式以实现有效压缩，因为 Canvas API 不支持有损 PNG 编码。

// Compress an image using the Canvas API
const img = await createImageBitmap(file);
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);

// quality: 0.0 (lowest) to 1.0 (highest)
canvas.toBlob((blob) => {
  console.log(`Compressed: ${blob.size} bytes`);
}, 'image/jpeg', 0.75);

核心功能

100% 浏览器端处理

所有压缩均通过 Canvas API 在您的浏览器本地完成，图片不会上传至任何服务器，无需网络请求，完全保护您的隐私。

批量压缩

一次最多压缩 20 张图片。可拖放多个文件或通过文件浏览器批量选择。所有文件使用相同质量设置压缩，支持单独下载或一键打包下载。

可调节质量控制

通过 0 到 100 的质量滑块精细调节压缩程度。调整时实时预览压缩后的文件大小，帮助您找到质量与体积的最佳平衡点。

压缩前后滑动对比

通过交互式滑动分割线直观对比任意图片的原图与压缩版本。左右拖动分割线，可检查图片任意位置的压缩细节。

多格式支持

支持压缩 JPEG、PNG 和 WebP 图片。使用有损压缩时，PNG 文件会自动转换为 WebP 格式，因为 Canvas API 不支持有损 PNG 编码。

JPEG vs PNG vs WebP

JPEG

有损压缩，不支持透明度

最适合照片及包含大量颜色和渐变的复杂图像。优秀的压缩比（质量 75 时可减少 60–90%）。不支持透明度。是网络上兼容性最广的图片格式。

PNG

无损压缩，支持透明度

最适合边缘锐利的图形、文字、标志以及需要透明度的图像。照片的文件大小大于 JPEG。由于 Canvas API 仅支持无损 PNG 编码，本工具在需要有损压缩时会将 PNG 转换为 WebP。

WebP

有损和无损兼支持，支持透明度

Google 推出的现代格式，在同等质量下比 JPEG 小 25–35%，同时像 PNG 一样支持透明度。所有现代浏览器均支持 WebP。2026 年网络图片最高效的格式。

压缩示例

JPEG 照片压缩

photo-landscape.jpg（2.1 MB，4000×3000）
photo-landscape.jpg（质量 75 时为 680 KB）

典型高分辨率 JPEG 照片在质量 75 下压缩。文件大小减少约 68%，视觉质量损失极小。JPEG 是照片和具有渐变的复杂图像的最佳格式。

PNG 标志/图标压缩

logo-transparent.png（450 KB，1200×800）
logo-transparent.webp（质量 80 时为 85 KB）

带透明通道的 PNG 图片转换为质量 80 的 WebP。WebP 像 PNG 一样支持透明度，同时支持有损压缩，实现 81% 的体积缩减。注意：由于 Canvas API 不支持有损 PNG 压缩，输出格式会变为 WebP。

WebP Banner 压缩

hero-banner.webp（800 KB，1920×1080）
hero-banner.webp（质量 75 时为 250 KB）

WebP 图片在质量 75 下重新压缩。WebP 内置的有损压缩在保持良好视觉质量的同时实现 69% 的体积缩减。WebP 通常是网络图片最高效的格式。

如何在线压缩图片

  1. 1

    上传图片

    将图片拖放至上传区域，或点击浏览文件。可一次选择最多 20 张 JPEG、PNG 或 WebP 图片，每张最大 10MB。

  2. 2

    调整质量

    使用质量滑块设置所需的压缩等级（0–100）。默认值为 75，可在质量与体积之间取得良好平衡。调整时实时查看文件大小和压缩比的变化。

  3. 3

    下载结果

    点击单个文件的"下载"按钮，或使用"全部下载"保存所有压缩图片。下载前可点击"对比"按钮直观检查压缩质量。

使用场景

网站性能优化
在上传图片到网站前先进行压缩。更小的图片加载更快，可提升 Core Web Vitals 分数（尤其是最大内容绘制 LCP），降低带宽成本，同时改善 SEO 排名。
邮件附件瘦身
压缩图片后再作为邮件附件，以满足附件大小限制（通常为 10–25MB）。20 张照片往往可以从 50MB 压缩至 10MB 以内。
社交媒体上传准备
在上传至社交媒体平台前预先压缩图片。虽然平台会自动重新压缩，但从一个已优化压缩的文件开始，能让您对最终质量有更多掌控。
应用与游戏素材优化
压缩移动应用、游戏和渐进式 Web 应用的 UI 素材、贴图和精灵图。更小的素材意味着更快的下载速度、更少的存储占用和更流畅的用户体验。
文档与演示文稿优化
减小嵌入在 PDF、Word 文档和演示文稿中的图片大小。一个包含高分辨率照片的 50MB 幻灯片文件，往往可以在不显著降低质量的情况下压缩至 10MB。

技术详情

Canvas API 压缩原理
本工具使用 HTML5 Canvas API 的 toBlob() 方法进行压缩。图片被绘制到一个不可见的 canvas 元素上，然后以指定质量参数重新编码。对于 JPEG 和 WebP，质量参数（0.0–1.0）控制有损压缩等级。对于 PNG，Canvas API 完全忽略质量参数——通过 Canvas 进行的 PNG 编码始终是无损的。
PNG 转 WebP 转换机制
由于 Canvas toBlob() 对 PNG 图片忽略质量参数（输出始终为无损格式），当质量滑块设置低于 100 时，本工具会将 PNG 文件转换为 WebP 格式。WebP 同时支持有损压缩（可控制质量）和透明度，是 PNG 的理想有损替代格式。当质量设为 100 时，PNG 文件将保留原始格式。
质量参数行为说明
质量滑块对应 Canvas toBlob() 的 quality 参数：100 = 1.0（最高质量，文件最大），0 = 0.0（最低质量，文件最小）。对于 JPEG，质量 75（0.75）通常是最佳点——低于 50 时伪影会变得明显。对于 WebP，相同质量值产生的文件比 JPEG 略小，视觉质量相当。
浏览器内存与限制
每张图片在内存中同时存在原始 File 对象和压缩后的 Blob，以及两个用于预览显示的对象 URL。20 张各 10MB 的图片，峰值内存占用约 400MB。清除图片或关闭页面时，对象 URL 会被及时释放以防止内存泄漏。

最佳实践

JPEG/WebP 从质量 75 开始
质量 75 是大多数使用场景的推荐起点，通常可在视觉效果几乎无差异的情况下将文件大小减少 60–80%。只有在需要保留精细细节的场景（如医学影像、印刷级摄影）下，才需要将质量提高到 85 以上。
尽可能使用 WebP
WebP 在同等视觉质量下比 JPEG 小 25–35%，同时支持像 PNG 一样的透明度。截至 2024 年，所有现代浏览器均支持 WebP。将 JPEG 和 PNG 转换为 WebP，可在网络上获得最佳的压缩质量比。
保留原始文件
始终保留原始未压缩图片作为源文件。有损压缩是不可逆的——对已压缩的图片再次压缩会进一步降低质量，而体积减少并不显著（即所谓的"世代损失"）。
下载前检查质量
下载前使用"对比"按钮直观检查压缩伪影。尤其要关注文字、锐利边缘和细微渐变区域——这些是 JPEG 伪影最明显的地方。
将相似图片批量处理
特征相似的图片（相同主题类型、分辨率、色彩深度）使用相同质量设置时效果最佳。将照片和图形/标志分批处理，以获得最优压缩结果。

常见问题

在线压缩图片安全吗？
完全安全——本工具完全在您的浏览器中处理图片，您的图片不会上传至任何服务器。压缩使用浏览器内置的 Canvas API，所有数据都保留在您的设备上。您可以打开浏览器开发者工具的"网络"标签页验证——压缩过程中您将看到零网络请求。关闭或刷新页面时，所有图片数据都会从内存中清除。
有损压缩和无损压缩有什么区别？
**有损压缩**会永久删除部分图片数据以获得更小的文件大小。JPEG 和 WebP 使用有损压缩——质量设为 75 时通常可将文件大小减少 60–80%，视觉差异极小，但被删除的数据无法恢复。 **无损压缩**在不删除任何数据的情况下减小文件大小。解压后的图片与原始文件逐位完全相同。PNG 使用无损压缩，但压缩率较低（通常 10–30%）。 对于网络使用，质量 75–85 的有损压缩几乎总是正确选择——文件大小节省显著，而质量差异对大多数观看者来说几乎不可察觉。
为什么我的 PNG 文件会被转换为 WebP？
浏览器的 Canvas API 不支持有损 PNG 压缩——PNG 编码始终是无损的，这意味着质量滑块对 PNG 文件没有效果。为了让您对 PNG 文件进行有效的压缩控制，当质量滑块低于 100 时，本工具会将 PNG 转换为 WebP 格式。WebP 同时支持有损压缩和透明度（与 PNG 相同），是理想的替代格式。 如果您需要保留 PNG 格式，请将质量滑块设为 100。文件将被重新编码为无损 PNG。注意：输出文件大小可能与原始文件相同或略大，因为 Canvas API 的 PNG 编码器优化程度可能不如原始编码器。
应该使用什么质量设置？
取决于您的使用场景： - **质量 85–95**：视觉上与原图无法区分。适用于专业摄影、作品集网站或任何对图片质量要求极高的场景。典型缩减：30–50%。 - **质量 70–85**：出色质量，显著节省体积。大多数网络使用的推荐范围。典型缩减：50–75%。 - **质量 50–70**：良好质量，激进压缩。适合缩略图、社交媒体和小尺寸显示的图片。典型缩减：70–85%。 - **质量低于 50**：可见伪影。仅在文件大小比质量更重要时使用（如邮件限制、极低带宽）。 使用"对比"按钮找到您特定图片可接受的最低质量设置。
能在不损失质量的情况下压缩图片吗？
技术上可以——将质量滑块设为 100 即可进行无损压缩。但文件大小减少会非常有限（大多数图片为 0–10%），因为无损压缩只能去除冗余编码数据，不能删除图片数据。 实际上，对大多数图片而言，质量 80–85 实际上就是"无可见质量损失"。在正常观看条件下，人眼无法区分质量 85 和质量 100 的差异。"对比"滑块可以让您针对具体图片进行验证。 要在不产生可见质量损失的情况下最大化文件大小缩减，从质量 75 开始，用"对比"按钮检查。如果看到伪影，每次增加 5 个质量点，直到结果令人满意为止。
一次可以压缩多少张图片？
一次最多可以批量压缩 20 张图片，每张最大 10MB。所有处理均在您的浏览器中完成，因此性能取决于您设备的 CPU 和可用内存。 对于大批量高分辨率图片，压缩可能需要几秒钟。工具会处理所有图片，并显示每个文件的进度指示器和总节省空间。
压缩后的文件比原文件更大怎么办？
这种情况可能发生在已经高度优化的图片上，或在极高质量设置（90–100）下压缩时。工具会显示"节省 0%"并提示该图片已经处于最优压缩状态。 如果发生这种情况，说明原始图片很可能是用高级编码器（如 mozjpeg、cjpeg 或 pngquant）压缩的，其效率高于浏览器内置编码器。在这种情况下，您的原始文件已经是最优压缩状态——无需进一步处理。
压缩会改变图片尺寸吗？
不会——本工具在压缩图片时不会改变像素尺寸。一张 4000×3000 的图片压缩后仍然是 4000×3000。只有文件大小会改变。 如果您需要调整图片尺寸（改变像素维度），您需要使用专门的图片缩放工具。缩放和压缩是互补的——在压缩前先缩小尺寸，对于将在网络上以较小尺寸显示的图片，可以大幅减少文件大小。
支持哪些图片格式？
本工具支持三种格式： - **JPEG**（.jpg、.jpeg）：照片最常用的格式，支持通过质量滑块进行有损压缩。 - **PNG**（.png）：最适合带透明度的图形，质量小于 100 时转换为 WebP 进行有损压缩。 - **WebP**（.webp）：现代格式，压缩效率最高，同时支持有损压缩和透明度。 其他格式（GIF、SVG、AVIF、HEIC、TIFF）暂不支持。
与 TinyPNG 或 Squoosh 相比如何？
最主要的区别是**隐私保护**：本工具完全在您的浏览器中处理图片——您的文件不会离开您的设备。TinyPNG 需要将图片上传至其服务器进行处理。 **TinyPNG** 使用服务端先进算法（PNG 用 pngquant，JPEG 用 mozjpeg）进行压缩，可能产生比浏览器压缩略小的文件。但您的图片必须上传至其服务器，且免费版每天限制 20 张、每张 5MB。 **Squoosh**（Google 出品）同样在浏览器中使用 WebAssembly 处理图片，提供更多编解码器和更精细的控制。本工具更简单快速，适合需要批量压缩 JPEG、PNG 和 WebP 文件的常见场景。 当隐私是首要考虑因素、需要快速批量压缩且不需要高级编解码器选项时，选择本工具。

相关工具

查看所有工具 →

进制转换器 — 二进制、十六进制、十进制、八进制互转

转换工具

在线免费进制转换工具，支持二进制、八进制、十进制、十六进制及 2-36 任意进制互转。无需注册，数据不离开浏览器，即时获取结果。

长度单位转换器 — 公制、英制、天文单位一键互转

转换工具

1 英寸 = 2.54 厘米，1 英尺 = 0.3048 米，1 英里 = 1.609 千米。支持公制、英制、海里、天文共 16 种长度单位即时互转。免费在线工具，所有计算在浏览器本地完成，数据不离开您的设备。

温度单位转换器 — 摄氏、华氏、开尔文、兰氏一键互转

转换工具

0 °C = 32 °F = 273.15 K = 491.67 °R。摄氏度、华氏度、开尔文、兰氏度即时互转 — 免费、隐私安全、浏览器运行。含转换公式、分步指南和参考图表。

体积容量换算器 — 公制、美制、英制 15 种单位互转

转换工具

1 升 = 0.2642 美制加仑，1 杯 = 236.6 毫升。在线体积容量换算工具，支持升、毫升、加仑、杯、液体盎司等 15 种公制美制英制单位即时互转。免费使用，数据不离开浏览器。

重量换算器 — 千克、磅、盎司、克、斤等 13 种单位

转换工具

1千克=2.205磅 · 1盎司=28.35克 · 1斤=500克。支持公制、英制、金衡制共13种重量单位互转，含换算表、公式与常见物品重量参考。免费在线工具，数据不离开浏览器。

Base64 解码与编码工具

编码和格式化

免费在线 Base64 解码编码工具。实时转换，支持中文和 Emoji，100% 浏览器端运行，数据不离开设备，无需注册。