Image Compressor

图片压缩器通过调整图片的质量参数和编码设置来减小文件大小。工具将图片加载到 Canvas 画布上，使用 Canvas API 的 toBlob 或 toDataURL 方法重新编码图片，允许用户调整输出格式（JPEG、PNG、WebP）和质量参数（0-100%）。压缩后显示原始大小和压缩后大小的对比，帮助找到文件大小和视觉质量的最佳平衡点。

图片压缩是 Web 性能优化的重要环节。在上传用户头像前压缩以节省存储空间和 CDN 带宽；优化网页中的产品图片以提高页面加载速度；在移动应用中压缩图片以节省用户数据流量；为 PWA 应用优化离线资源包大小。Google 的 Core Web Vitals 评分很大程度上依赖于图片压缩效果。

压缩前可以使用 图片尺寸调整工具 先调整尺寸，尺寸和质量的组合优化通常能获得最佳效果。压缩后的图片可以使用 图片转 Base64 工具 进行内嵌编码。

不同图片格式的压缩原理差异显著。JPEG 使用有损压缩，通过离散余弦变换（DCT）将图像从空间域转换到频域，丢弃高频细节（肉眼不易察觉的细节）来减小文件大小。PNG 使用无损压缩（DEFLATE 算法），通过颜色索引和过滤预测减小文件大小但不会丢失像素信息。

WebP 同时支持有损和无损压缩，有损模式基于 VP8 视频编码技术（帧内预测和块自适应量化），在相同质量下通常比 JPEG 小 25-34%。现代浏览器对 WebP 的支持率超过 97%，是 Web 图片的最佳格式推荐。

• 不可逆质量损失：JPEG 压缩是有损的，一旦以低质量保存就无法恢复到原始质量。建议始终保留原始图片。
• 格式与质量的关系：不同格式的"质量"参数含义不同。JPEG 质量 80 和 WebP 质量 80 产生的视觉效果和文件大小完全不同。
• 透明通道丢失：JPEG 不支持透明度，包含 Alpha 通道的 PNG 转换为 JPEG 时透明部分会变为白色或黑色。
• 元数据丢失：Canvas 重新编码会丢弃 EXIF、ICC 颜色配置文件等元数据，可能影响颜色显示和图片方向。
• 压缩伪影：过低的质量设置会产生明显的压缩伪影（色块、边缘锯齿），特别是文字和图形边缘易受影响。

在需要快速压缩少量图片以优化网站性能、测试不同质量参数的视觉效果、或在上传前预处理图片时使用此工具。对于需要批量压缩、服务端优化或自动化处理的生产场景，推荐使用专业工具和库（如 sharp、imagemin、Squoosh、Cloudinary），它们提供了更高效的压缩算法和更多格式支持。