图片压缩工具

在浏览器中压缩 JPEG、PNG、WebP 图片,设置输出格式、质量与最大尺寸并查看实际大小。

工具资源加载中...

图片压缩工具介绍

图片压缩工具使用浏览器 Canvas 在本地重新编码图片,可按最大宽高等比缩小,并输出 JPEG、PNG 或 WebP。选择单张照片、截图或透明图片后,可预览原图,设置输出格式、质量和尺寸,查看处理后的真实文件大小及变化比例,再下载生成的图片。处理过程不上传原图,不依赖外部图片处理接口。

等比缩小不放大

按最大宽高计算缩放比例,输出每边至少 1 像素,不为小图强行放大尺寸。

三种输出格式

JPEG 与 WebP 可设置编码质量,PNG 使用无损编码。JPEG 为透明区域添加白色背景。

比较真实文件大小

显示原图与输出图片的像素尺寸、字节数及增加或减少比例,支持结果预览和下载。

如何压缩图片并下载?

  1. 选择一张 JPEG、PNG 或 WebP 图片,等待本地读取完成,查看原图预览和尺寸。
  2. 选择 JPEG、WebP 或 PNG 输出格式。JPEG、WebP 的质量支持 1–100 整数,默认 80;PNG 不使用质量参数。
  3. 设置最大宽高,每项为 1–4096 像素的整数,默认 1920 × 1920。图片保持比例缩小,不超过原始尺寸。
  4. 点击“压缩并生成图片”,等待编码完成,对照预览、尺寸及文件大小后点击“下载图片”。

修改参数会清除旧结果,需重新生成。可以重新选择图片;“清空”会取消未完成的任务并移除当前图片和结果。生成文件名采用“原文件名-compressed”加对应格式扩展名。

尺寸与质量参数示例

原图为 4000 × 3000 像素,最大宽高均设为 1920,输出得到 1920 × 1440 像素。原图若只有 800 × 600,则不会放大,输出尺寸仍为 800 × 600。计算时对缩放结果向下取整,每边至少保留 1 像素,极细图片可能出现少量取整差异。

JPEG 和 WebP 的质量值用于浏览器编码器,较低质量通常能降低体积,但也会损失细节;不同图片和浏览器的实际结果可能不同。PNG 采用无损编码,不按质量参数改变编码,但缩小尺寸仍会减少像素细节。工具不保证重新编码后的文件一定更小,页面会如实显示体积增加或减少。

JPEG 不支持透明,因此工具在绘图前先填充白色;PNG 和 WebP 可保留透明。将已有 JPEG 重新编码为高质量 JPEG,或将照片转为 PNG,可能得到比原图更大的文件。

支持范围、适用场景与限制

输入仅支持单张 JPEG、PNG 和 WebP,文件大于 0 字节且不超过 20 MiB(20971520 字节)。解码后最多 24000000 像素,任一边不超过 12000 像素。浏览器必须支持图片解码、Canvas、toBlob 和本地对象地址;不支持所选输出格式时会提示错误,不会用其他编码伪装成对应扩展名。

适合缩小网页配图、整理普通截图、把透明图转换为白底 JPEG,或为上传系统准备较小尺寸的图片。它不支持批量处理、PDF、SVG、GIF、指定目标 KB 或照片精修。实际可处理大小也受设备内存和浏览器限制。

图片经 Canvas 重新绘制后,不保留原始 EXIF 等元数据,颜色表现可能与原文件不同;照片方向取决于浏览器的图片解码行为。对于动画 PNG 或动画 WebP,输出为 Canvas 绘制时的静态画面,不保留动画,也不保证是第一帧。重要图片请保留原文件。

需要制作可下载二维码图片可使用 二维码生成工具;需整理图片网址参数可使用 URL 编码解码工具;核对说明文本长度可使用 字数统计工具。

图片压缩常见问答

为什么处理后反而更大?

原图可能已高度压缩,新的格式、质量或浏览器编码方式可能产生更大的文件。工具显示实际字节数与变化比例;可以降低 JPEG、WebP 质量,减小最大尺寸或更换合适的格式后重试。

PNG 为什么没有质量选项?

Canvas 的 PNG 编码不使用 JPEG、WebP 那样的质量参数。需要减少 PNG 体积时可以缩小尺寸,或在可接受画质变化的情况下选择其他格式,结果仍需根据实际预览和大小判断。

图片会上传或自动保存吗?

图片读取、绘制和编码都在当前浏览器进行,工具不上传原图,也不自动保存文件。需要保留结果时点击下载;清空或离开页面后,不能从工具恢复未下载的结果。

为什么 WebP 输出提示不支持?

部分浏览器不能通过 Canvas 导出 WebP。工具会检查输出 Blob 的实际格式,如果与请求不符就提示错误。可以改用 JPEG、PNG 或更换支持 WebP 输出的浏览器。

能保证压缩到 100 KB 或保持照片全部信息吗?

不能。工具按尺寸和质量重新编码,不提供指定目标文件大小功能,也不保留原始 EXIF 等元数据。JPEG、WebP 质量调整及缩小尺寸都可能改变图像细节。