图片压缩器

图片压缩工具在浏览器里通过降低质量或缩小尺寸来重新编码 JPEG、PNG 和 WebP 文件。上传文件、拖动质量滑块、观察压缩前后的大小变化，然后下载结果。它为优化网页体积的开发者、准备社交配图的营销人员，以及任何需要在大小限制内提交照片、又不想安装编辑软件的人而设计。

如何使用

1. 添加图片。 把 JPEG、PNG 或 WebP 文件拖到上传区域，或点击浏览。文件在本地读取——不会上传。
2. 设置质量。 在文件大小与保真度之间拖动滑块。预估的新尺寸会立即更新，你可以在满足目标的那一刻停下。
3. 并排对比。 打开分屏视图并放大，检查最容易出现伪影的边缘、文字和渐变。
4. 按需选择输出格式， 然后下载。面板会显示省下了多少字节、节省了百分之多少。

实操示例

示例 1——落地页主视觉。 一张 2400×1600 的相机 JPEG 重 3.4 MB。缩到 1200 像素宽并以 80% 压缩后，大约变成 220 KB，在实际显示尺寸下看不出差别。仅仅这一处改动，就可能是移动端两秒与半秒加载之分。

示例 2——文档里的截图。 含文字的截图最好用 PNG，但全屏截图可能超过 1 MB。压缩 PNG 会降低颜色深度而保持文字清晰；如果截图是大面积平坦的 UI，转成无损 WebP 往往省得更多，同时边缘依旧完美。

示例 3——有 1 MB 上限的表单照片。 上传照片，质量设为 70%，查看预估大小。如果仍超限，就每次把像素尺寸缩小 20%，直到输出放得下——损失一点分辨率，通常比严重的压缩伪影更好看。

压缩是怎么完成的

浏览器把文件读进内存，画到一块 HTML canvas 上，再让 canvas 以选定的格式和质量重新编码这些像素。对 JPEG 和 WebP，编码器使用有损压缩：把像素分组、做变换，并丢弃人眼最不容易察觉的细节。质量值控制丢弃的激进程度。PNG 没有质量旋钮，工具改为缩减调色板并剥离辅助数据块。

由于重新编码是基于解码后的像素进行的，大部分 EXIF 元数据——GPS、相机型号、时间戳——都会在过程中丢失。有些查看器会读取 EXIF 旋转标志来保持方向；如果照片压缩后变成侧向，请在编码前先旋转它。

选择格式与质量

• JPEG —— 照片和丰富渐变；通用性最好。体积与质量之比出色，但不支持透明。
• WebP —— 最好的现代默认选择：同等质量下比 JPEG 小约 25–35%，有损与无损模式都支持透明。所有当前浏览器都支持。
• PNG —— 截图、示意图、Logo，以及任何需要锐利边缘或透明的图。用于照片时体积很大。

一个实用的流程：先判断内容类型，选匹配的格式，缩到真实显示尺寸，然后调质量直到出现伪影再退回一档。对大多数照片来说，这落在 75% 到 85% 之间。

常见错误与边界情况

• 只压缩不缩放。 大图小用是页面臃肿最常见的原因。先修正尺寸。
• 反复压缩。 对已经是有损的文件再压，每一轮都会叠加伪影。始终从原图开始。
• 对文字过度压缩。 细字体和小标签在低于约 60% 质量时迅速劣化；文字密集的图请用 PNG 或无损 WebP。
• 指望 PNG 像 JPEG 一样缩小。 对照片而言，无损压缩比不过有损；内容允许时就转换格式。
• 想当然以为文件变小了。 格式不匹配或质量设置过高都可能让体积变大。看报告出来的数字。
• 忘记透明需求。 JPEG 不能存储 alpha 通道；透明 Logo 存成 JPEG 会带上纯色背景。请用 PNG 或 WebP。

功能特性

• 拖拽上传，全程本地私密处理
• 可调节的质量滑块，实时预估大小
• 原图与结果的并排、可缩放对比
• 一步完成 JPEG、PNG、WebP 输出与转换
• 显示压缩前后文件大小和节省百分比
• 100% 客户端运行——图片绝不离开你的设备

使用场景

• 网页性能： 为产品图、横幅和博客配图减轻页面体积。
• 社交媒体： 在不明显损失画质的前提下满足各平台上传限制。
• 邮件附件： 让文件小到能可靠发送。
• 存储清理： 上传到云存储前缩小照片库。
• 素材预处理： 把图片转换并调整到合适尺寸后再加入项目。

相关工具

• 图片格式转换器
• 图片转 Base64
• Favicon 生成器
• EXIF 查看器