图片优化器

什么是图片优化？

图片优化是指在尽量保持视觉质量的前提下，缩小图片文件体积的过程。更小的图片在网站上加載更快、占用存储更少、邮件传输更迅速，还能降低带宽成本。优化通常结合两种策略：选择更高效的编码格式（例如用 WebP 替代 JPG）以及调节编码器质量参数，让文件在不产生可见瑕疵的前提下缩小。一张优化良好的照片在无可见画质损失的情况下，体积可减少 50–80%。

本图片优化器使用浏览器原生 Canvas API 与 canvas.toBlob() 编码器，在本地压缩图片。整个流程都在浏览器内的 JavaScript 中运行，图片不会离开你的设备——无需上传、无需服务器处理、无需注册。这让本工具非常适合处理敏感、个人或机密图片，避免通过第三方服务中转。

目标大小压缩的工作原理

本工具最有用的功能是目标大小压缩。你不必猜测哪个质量值能产生足够小的文件，只需输入希望的最大文件体积（KB），优化器就会自动寻找最佳质量。算法流程如下：

1. 图片以原始像素尺寸解码到内存中的 canvas。
2. 工具从你设置的滑块质量（默认 80%）开始编码。
3. 如果生成的 blob 小于等于目标大小，则使用该 blob 并停止循环。
4. 如果 blob 仍然过大，则将质量降低 5 个百分点，再次编码。
5. 循环持续进行，直到 blob 满足目标或质量降至最低 10%。
6. 如果即使 10% 质量也无法达到目标，则使用最小的 blob 并显示警告。

如果你将目标大小留为 0，优化器会跳过循环，按你选择的精确质量进行一次编码。当你希望可预测的质量而不在意最终字节数时，这很有用。

JPG、WebP、PNG 对比

选择的输出格式对最终文件大小有很大影响。每种编码各有优势，最佳选择取决于图像内容与使用场景：

格式	压缩方式	透明度	典型节省
JPG	有损（DCT）	不支持	基准
WebP	有损或无损	支持	比 JPG 小 25–35%
PNG	无损	支持	最大，但像素精确

对于大多数照片，WebP 在质量 75–85 下能产生最小文件而无可见画质损失。对于带锐边、文字或透明度的图像（Logo、截图、图标），PNG 能完美保留细节。当你需要与旧软件或不支持 WebP 的邮件客户端最大兼容时，JPG 是最稳妥的选择。

何时使用图片优化器

只要文件大小重要，图片优化就值得做。最常见的场景包括：

• 网站性能。大尺寸主视觉与产品图是页面加载慢的最大元凶。压缩到 100–200 KB 可显著改善 Core Web Vitals 与 SEO 排名。
• 邮件附件。许多邮件服务商拒绝超过 25 MB 的附件。先压缩再附送，确保邮件顺利发出且接收方快速查看。
• 移动带宽。移动网络用户为每 MB 付费。更小的图片降低他们的流量成本，也降低你的服务器带宽费。
• 云存储。上传到 Google Drive、iCloud、Dropbox 前先压缩，节省存储配额与同步时间。
• 社交媒体上传。Twitter、Facebook、LinkedIn 等平台会二次压缩图片。上传已优化的文件可减少双重压缩失真。
• 电商上架。EBay、Etsy、Amazon、Shopify 常有文件大小或尺寸限制。先优化可避免被拒。
• 文档嵌入。Word、PowerPoint、PDF 嵌入大图后会迅速膨胀。优化后的图片让文档保持精简。

如果你只需要调整图片尺寸（更改像素尺寸）而非压缩，请使用 图片缩放 工具。如果你只需要简单一键压缩而不指定目标大小，请使用 图片压缩 工具。

如何优化图片

使用本工具优化图片只需几秒，全程在浏览器内完成。无需上传、无需注册、无需安装。请按以下四步操作：

1. 上传图片。点击上传区域或拖入 PNG、JPG、WebP、GIF、BMP 文件，图片会在本地解码并显示预览。
2. 设置选项。输入目标大小（KB，或留为 0），调整质量滑块，选择输出格式。照片建议用 WebP 质量 80。
3. 优化。点击"优化图片"按钮，工具会迭代质量值直至满足目标（若目标为 0 则一次编码），并显示原始大小、优化后大小、节省百分比与最终质量。
4. 下载。点击"下载优化图片"，结果会保存为 {原名}_optimized.{ext}。你电脑上的原始文件不会被修改。

由于每一步都通过 JavaScript 与 Canvas API 在本地运行，图片永远不会离开浏览器。这让优化过程完全私密、即时，适合处理敏感或个人照片。