图片压缩(JPEG、PNG、WebP)
在浏览器中压缩 JPEG、PNG 和 WebP 图片。可调节质量、限制尺寸、减少 PNG 颜色数,并显示精确的体积节省百分比。
完全在浏览器中运行,您的数据不会被上传。
什么是 图片压缩?
图片压缩工具会重新编码照片或图形,使文件变小。你可以选择带质量滑块的有损 JPEG 或 WebP、保留透明度的减色 PNG(调色板量化,类似 TinyPNG),或无损 PNG 重新编码,还可以选择限制最大宽度和高度。工具会显示原始大小、新大小和节省的百分比,并在结果没有变小时给出提示。
如何使用 图片压缩
- 把图片拖到上传区域,点击选择文件,或用 Ctrl+V 粘贴图片。
- 选择输出格式:JPEG、WebP、减色 PNG 或无损 PNG。
- 调整质量(JPEG/WebP)或最大颜色数(减色 PNG),也可以设置最大宽度(px) / 最大高度(px)。
- 查看预览和体积变化标记(例如“120 KB → 38 KB,缩小 68%”)。
- 点击下载按钮保存压缩后的文件,文件名形如
photo-compressed.jpg。
示例
300×200 PNG photo with noise (107 KB), output format WebP, quality 75
WebP file of the same 300×200 size; the size badge shows the new size and a “% smaller” value
具体百分比取决于图片内容和浏览器的编码器。
何时使用 图片压缩
在把照片上传到网站、CMS、邮件或聊天工具且文件大小很重要时使用,也可用来缩小截图和 Logo 并保留透明度。它不是批量优化器,也不运行 MozJPEG 或 oxipng 等高级编码器,因此专用的构建期工具可能再多压缩几个百分点。不要反复重新压缩已经高度压缩的 JPEG:每次有损压缩都会损失细节。
图片压缩 的工作原理
浏览器先解码图片(并应用 EXIF 方向),再绘制到 canvas 上。如果设置了最大尺寸,则以对半缩小的步骤并配合高质量平滑进行缩放。JPEG 和 WebP 通过 canvas.toBlob(type, quality) 生成;JPEG 没有 alpha 通道,因此透明像素会变为白色。减色 PNG 模式使用 gifenc 库中的 PnnQuant 算法,把 RGBA 像素量化为最多 256 种颜色,然后写出 8 位索引 PNG(PLTE + tRNS 块,使用浏览器的 CompressionStream 压缩)。无损 PNG 只是由浏览器重新编码,通常节省不多。
常见用例
- 在把手机照片作为附件发送,或提交有上传大小限制的表单之前缩小它们。
- 把体积很大的 PNG 截图转换为 256 色 PNG,体积可缩小数倍。
- 为主视觉大图生成 WebP 版本,加快页面加载。
- 把商品照片限制在 1600 px 宽,用于网店。
安全提示
图片使用 Canvas API 在你的浏览器本地解码、处理和编码,不会上传到任何服务器。由于元数据不会被复制,压缩也是在分享照片前去除位置信息的简便方法。
常见问题
哪种格式生成的文件最小?
对于照片,WebP 通常最小,其次是 JPEG。对于截图、Logo 和扁平图形,减色 PNG 往往比两者都小,并且保留清晰边缘和透明度。
为什么压缩后的文件比原图还大?
原图可能本来就已经优化得很好,或者你选择了无损格式或很高的质量。出现这种情况时工具会给出警告;可以降低质量、换一种格式,或直接保留原文件。
压缩会删除 EXIF 元数据吗?
会。输出是从 canvas 重新编码的,因此 GPS 位置、日期和相机型号等拍摄元数据不会复制到新文件中。
有大小限制吗?
超大图片会被缩小到浏览器 canvas 的限制之内(Safari 约 1670 万像素,其他浏览器约 5000 万像素),并有提示告诉你新的尺寸。