图片压缩工具

质量与体积的权衡

质量滑块控制 JPEG 和 WebP 输出的有损压缩程度。90 以上压缩几乎不可见,但文件体积下降也有限;60 以下平滑渐变和肤色区域会出现可见的色块。 工具默认取中间值 75。往下调之前，先把预览和原图对比一下。

示例：网页截图

一张 1366×900 的网页 PNG 截图（140.3 KB，在 Chromium 中截取），默认质量 75：

• 保持原格式（PNG）：197.7 KB，+41.0%。浏览器的 PNG 编码器压缩得不如生成原图的工具紧，重新编码 PNG 可能反而变大，这时保留原文件即可。
• WebP：42.6 KB，−69.6%。
• JPEG：87.0 KB，−38.0%。截图里的文字边缘比照片更早出现 JPEG 振铃，界面截图更适合转成 WebP。

格式速查

• JPEG ——照片、Banner、连续色调的图像。不支持透明。
• PNG ——UI 截图、流程图、有硬边或透明的图像。无损。
• WebP ——现代浏览器都支持,等质量下通常比 JPEG/PNG 小 25–35%。支持透明。
• 保持原格式 ——只想缩放尺寸而不换格式时用。

长边缩放策略

常见的 Web 布局宽度上限是 1920px。视网膜屏(2 倍 DPR)适配建议 2560–3840px。 设置长边后,工具会按比例同步缩短另一边,保证宽高比不变。 做缩略图或社交分享图,试试 1024 或 1440px。

隐私:零上传

本工具用 createImageBitmap 与 Canvas 2D API 在浏览器内解码与重新编码, 压缩结果由 canvas.convertToBlob(或 fallback 的 canvas.toBlob)在本地生成, 通过临时 blob URL 提供下载。整个流程没有服务端环节——开飞行模式也能完整跑完。

限制

• 单文件最大 50 MB(移动端浏览器对更大输入会爆显存)。
• 动图 GIF 按设计被压平到第一帧——要重新编码动图请在本地用 ffmpeg。
• 自动按 EXIF 旋转图像:横着拍的照片会被翻正再压缩。
• 经 canvas 重新编码会丢掉全部元数据：EXIF（含 GPS 位置）、XMP 和 ICC 色彩配置文件。分享照片前去掉 GPS 往往正是想要的；丢掉 Display P3 或 Adobe RGB 配置文件则可能让饱和的颜色变暗淡。
• 输出为 JPEG 时，透明区域会变成白色。
• 如果浏览器没有所选格式的编码器，按 HTML 标准 canvas 会改为输出 PNG。这时工具把文件命名为 .png，并在结果下方提示。GIF 选「保持原格式」时总是输出 PNG，因为浏览器无法从 canvas 编码 GIF。

相关工具

• WebP 转换器 ——专门做 PNG/JPG ⇄ WebP 的格式转换,界面更简洁。
• SVG Optimizer ——矢量图无法栅格压缩,优化 SVG 源码用这个。
• 图片转 Base64 ——把图片内联为 data URL 时用。