在线图片压缩与 WebP 转换器
API 即将上线在浏览器本地快速压缩与转换 JPEG、PNG、WebP 图片。实时节省体积预览，无损/有损可调，绝不上载数据。
Image Compressor & WebP Converter
Quick Samples:
API 版本即将上线
Image Compressor & WebP Converter API 上线时通知你。
关于
图片优化（Image Optimization） 是现代网页性能优化、移动端留存率提升与技术 SEO 最关键的核心突破口。根据 HTTP Archive 全球网络监控数据统计，图像资源占整个互联网页面网络传输总字节量的 65% 以上。高清智能手机拍摄的原图通常高达 5MB 至 15MB，如果直接将未经压缩的高清图片置于网页中，将直接拉长首屏白屏时间、严重消耗访客的移动蜂窝流量，并导致谷歌 Core Web Vitals 核心性能指标中的 最大内容渲染时间（LCP, Largest Contentful Paint） 严重超标。
我们的 在线图片压缩与 WebP 转换器 提供纯前端本地运行的工业级优化引擎。利用 HTML5 Canvas 2D 渲染管线、浏览器硬件级色彩量化算法与 WebP 编码器，可在您本机的内存中直接完成图像压缩、分辨率等比缩放与格式转换，全程零网络传输，确保隐私文件绝不泄露。
核心技术指标与隐私架构
- 国际标准合规：严格遵循 ISO/IEC 10918-1 (JPEG)、ISO/IEC 15948 (PNG) 与 Google WebP 码流规范。
- 100% 纯本地离线计算：基于浏览器的 FileReader、ImageBitmap 与 Canvas API 实现。没有任何图片上传至外部服务器，断网环境亦可满速运行。
- 人眼视觉量化与色彩降采样：有损压缩采用心理声学与视觉离散余弦变换（DCT），剔除人眼无法分辨的高频细节，同时最大程度保留文字边缘与主体轮廓的锐利度。
- 即时对比诊断：实时呈现原始图像与压缩后的像素尺寸、文件体积及节省百分比，支持一键下载或一键复制 PNG 至剪贴板。
主流网页图片格式技术指标全面对比
| 格式名称 | 核心压缩引擎 | Alpha 透明通道 | 动图支持 | 相对 JPEG 节省体积 | 最佳应用场景 | 全球浏览器兼容性 |
|---|---|---|---|---|---|---|
| WebP (Google) | 有损 (VP8) 与无损 (VP8L) | 完美支持 (8位) | 支持 | 节省 25% – 45% | 现代网站、电商大图、博客 Banner、移动端应用 | 97.5%+ (主流浏览器全覆盖) |
| JPEG (ISO/IEC) | 有损 (离散余弦变换 DCT) | 不支持 | 不支持 | 基准基准线 | 真实人像摄影、风景大片、印刷预览 | 100% (全球通用标准) |
| PNG (W3C / ISO) | 无损 (DEFLATE / LZ77 + 哈夫曼) | 完美支持 (8位/24位) | 不支持 (APNG) | 较 JPEG 大 50%~300% | UI 图标、矢量 Logo、带透明图层素材、代码截图 | 100% (全球通用标准) |
| AVIF (AOMedia) | 有损 (AV1 视频关键帧) | 完美支持 | 支持 | 节省 35% – 55% | 新一代流媒体、极端轻量化静态页面 | 93%+ (需较新版本浏览器) |
压缩质量档位与 Google Core Web Vitals (LCP) 优化建议
Google 算法要求网页核心可视区域的最大元素必须在 2.5 秒 内完成渲染（良好 LCP 阈值）：
| 质量预设档位 | 推荐压缩比 | 视觉失真程度 | 平均体积缩减率 | Core Web Vitals 与 SEO 建议 |
|---|---|---|---|---|
| 高保真 (85%) | 0.85 | 与未压缩原图肉眼几无差别 | 40% – 60% | 适用于摄影作品集、核心视觉首屏 Hero Banner、高端产品详情图 |
| 平衡推荐 (70%) | 0.70 (默认) | 仅有微小高频平滑，1x 屏幕下完全不可见 | 70% – 85% | 强烈推荐用于 95% 的网页图片。兼顾极致清晰度与毫秒级加载速度 |
| 激进压缩 (50%) | 0.50 | 微弱渐变色带，文字边缘轻度模糊 | 85% – 92% | 适用于列表缩略图、用户头像、社交媒体动态预览卡片 |
| 极致轻量 (30%) | 0.30 | 存在肉眼可见的块状马赛克伪影 | 90% – 96% | 适用于弱网省流模式、背景模糊渐进占位符（LQIP） |