🖼️ 图片压缩器
纯前端压缩，数据不上传。支持PNG/JPG/WebP，调节质量和尺寸，实时预览对比。
点击或拖拽图片到这里
支持 PNG、JPG、WebP 格式
什么是图片压缩工具？
图片压缩工具是一种在保持可接受视觉质量的前提下，通过算法减小图片文件体积的在线工具。图片通常是网页中最占带宽的资源——一张未压缩的照片可能高达5-10MB，而经过合理压缩后可以降到100-500KB，体积缩小90%以上却几乎看不出画质差异。图片压缩分为有损压缩（如JPEG，丢弃部分数据换取更小体积）和无损压缩（如PNG优化，不丢失任何信息）。本工具支持JPEG、PNG、WebP等主流格式的压缩，通过智能算法在画质和体积之间找到最佳平衡点，帮助开发者优化网站加载速度、减少带宽消耗、提升用户体验和SEO评分。
如何使用图片压缩工具
- 上传图片 — 拖拽或点击上传需要压缩的图片，支持批量上传多张图片。
- 选择压缩设置 — 选择压缩质量（低/中/高）或自定义质量参数，选择输出格式。
- 下载压缩结果 — 查看压缩前后的大小对比和画质预览，满意后下载压缩后的图片。
常见使用场景
场景一：网站性能优化
压缩网站中所有图片资源，减少页面总加载时间。PageSpeed Insights等工具常建议"优化图片"作为首要优化项。
场景二：移动端体验提升
移动端网络带宽有限，压缩图片可以显著减少加载时间，提升用户在4G/5G网络下的浏览体验。
场景三：邮件和文档附件
发送包含图片的邮件或上传文档附件时，压缩图片避免超出大小限制，同时保持可读的清晰度。
技术原理
不同图片格式使用不同的压缩算法：
// JPEG有损压缩原理
// 1. RGB转YCbCr色彩空间
// 2. 8x8块DCT变换（离散余弦变换）
// 3. 量化：高频系数除以量化矩阵后取整
// → 质量越低，量化越激进，丢失越多细节
// 4. 熵编码（霍夫曼编码）
// PNG无损压缩原理
// 1. 滤波：对每行像素做差分预测
// 2. DEFLATE压缩（LZ77 + 霍夫曼编码）
// 3. 不丢失任何像素数据
// WebP压缩原理
// 有损模式：基于VP8视频编码
// 无损模式：基于WebP专用算法
// 通常比JPEG小25-35%，比PNG小26%
// Canvas API 实现简单压缩
canvas.toBlob(blob => {
// quality参数: 0.0-1.0
}, 'image/jpeg', 0.8); // 80%质量最佳实践与注意事项
- JPEG照片建议质量设为75-85%，这是画质和体积的最佳平衡点。
- 需要透明背景的图片使用PNG或WebP格式，不要用JPEG（不支持透明度）。
- 优先使用WebP格式——相同画质下体积比JPEG小30%左右，现代浏览器已全面支持。
- 压缩前应先调整图片尺寸到实际显示大小，过大的图片即使压缩也浪费带宽。
常见问题
Q：压缩后图片质量会明显下降吗？
A：适度压缩（JPEG质量75-85%）在正常观看距离下几乎看不出差异。极端压缩（质量<30%）会出现明显的块状伪影。建议在工具中对比预览确认效果。
Q：JPEG和WebP选哪个？
A：如果只需要兼容现代浏览器，选WebP（体积更小、支持透明）。如果需要兼容旧版浏览器（如IE），选JPEG。可以使用<picture>标签同时提供两种格式。
Q：为什么PNG压缩效果不明显？
A：PNG是无损格式，压缩空间有限。对于照片类图片，建议转换为JPEG或WebP有损格式。PNG适合图标、截图等颜色简单的图片，这类图片压缩率反而更高。
Q：批量压缩会覆盖原图吗？
A：不会。本工具生成压缩后的新文件供下载，原始图片不受影响。建议在批量处理前备份重要图片。
Q：有损压缩能否恢复原始质量？
A：不能。有损压缩丢弃了部分像素数据，这些信息一旦丢失无法恢复。如果需要保留原始质量，请使用无损压缩（PNG优化）或保存原始文件作为备份。