图片压缩

直接在浏览器中压缩图片。在保持质量的同时减小文件大小。支持 JPEG、PNG 和 WebP 格式。

拖放图片到此处，或点击选择文件

使用方法

  1. 拖放图片或点击上传
  2. 调整质量滑块设置压缩级别
  3. 预览压缩结果并比较文件大小
  4. 点击「下载」保存压缩后的图片

常见问题

  • 我的图片会上传到服务器吗？

    不会。所有图片压缩都在浏览器中使用 Canvas API 完成。您的图片永远不会离开您的设备。

  • 支持哪些图片格式？

    此工具支持 JPEG、PNG 和 WebP 输入格式。您可以输出为 JPEG 或 WebP 以获得最佳压缩比。

  • 图片可以压缩多少？

    压缩效果因图片内容而异。通常，JPEG 图片可以在几乎不损失视觉质量的情况下缩小 50-80%。

  • 最大文件大小是多少？

    由于处理在浏览器中进行，限制取决于设备内存。大多数设备可以处理 20MB 以下的图片。

图片大小对网页性能的影响

图片通常是网页中体积最大的资源，占据总页面大小的 50%–70%。加载缓慢的图片会直接影响用户体验：研究表明，页面加载时间每增加 1 秒，用户跳出率提升约 32%。

从 SEO 角度来看，Google 的 Core Web Vitals 指标中，LCP（Largest Contentful Paint，最大内容绘制时间）直接与图片加载速度挂钩。压缩图片是提升网站性能得分最直接有效的手段之一，也是 Google PageSpeed Insights 最常见的优化建议。

有损压缩 vs 无损压缩

图片压缩分为两种技术路线：

有损压缩（Lossy）：通过舍弃人眼不易察觉的细节来减小文件体积。JPEG 是最典型的有损格式。质量设置在 70%–85% 时，视觉效果几乎与原图无异，但文件大小可以缩减 50%–80%。

无损压缩（Lossless）：仅优化文件的编码方式，不丢失任何像素信息。PNG 支持无损压缩，适合需要精确还原的图标、截图、含文字的图片。

WebP 格式的优势

WebP 是 Google 开发的新一代图片格式，同时支持有损和无损压缩：

  • 比同质量的 JPEG 小约 25%–35%
  • 比同质量的 PNG 小约 25%
  • 支持透明通道（Alpha），可替代 PNG
  • 支持动画，可替代 GIF

目前主流浏览器（Chrome、Firefox、Safari 14+、Edge）均已支持 WebP，将静态网站的图片转换为 WebP 是一个成本低、收益显著的优化选项。

压缩最佳实践

  1. 按展示尺寸导出：不要上传 4000×3000 的照片却只显示 800×600，先裁剪到实际所需尺寸再压缩
  2. 选择合适格式：照片选 JPEG 或 WebP；透明背景图选 PNG 或 WebP；纯色图标选 SVG
  3. 批量处理：建站时对所有图片统一压缩，而不是等到性能问题出现再处理
  4. 利用懒加载：配合 loading="lazy" 属性，让视窗外的图片延迟加载，进一步提升首屏速度

相关工具

B64Base64 Converter#FFColor Converter