图片为什么那么大？
一张手机拍摄的照片动辄 5-10MB，主要来自三部分：分辨率（1200 万像素意味着 4000×3000 个像素点）、色彩信息（每个像素 3-4 个字节）、以及相机写入的 EXIF 元数据（拍摄参数、GPS 位置等）。
事实上，网页展示只需要 1920px 宽度，微信头像只需 200px——大部分场景我们都在为用不上的像素买单。图片压缩的本质就是：在保证视觉效果的前提下，去除冗余信息。
有损压缩 vs 无损压缩
无损压缩（PNG、GIF）通过更聪明的编码方式减小体积，不丢失任何像素信息，但压缩率有限（通常只能减小 10-30%）。有损压缩（JPEG、WebP）则利用人眼对高频细节不敏感的特性，丢弃「看不见」的信息，可以轻松压缩到原图的 5-20%。
经验法则：照片类图片用有损压缩（JPEG/WebP 质量 80），截图、图标、带文字的图片用无损压缩（PNG）或 WebP 无损模式。WebP 格式在同等质量下比 JPEG 小 25-35%，是现代网页的首选。
三大场景的最佳压缩参数
网页展示：宽度限制在 1920px 以内，JPEG/WebP 质量 75-85，单张控制在 200KB 以内，配合 loading=lazy 懒加载。这是 Google Core Web Vitals 对 LCP 指标的基本要求。
微信/社交平台：宽度 1080px，质量 80，体积 500KB 以内。微信本身会二次压缩，提前压好反而能保持画质控制权。
打印输出：分辨率保持 300DPI 对应尺寸，质量 90 以上。打印对细节要求高，不要过度压缩。
实操：5MB 照片压到 200KB
使用浏览器端的图片压缩工具，整个流程在本地完成，照片不会上传到任何服务器——这一点对包含人像的照片尤为重要。
- 打开图片压缩工具，拖入照片
- 选择目标格式：照片选 JPEG 或 WebP
- 质量拉到 80 左右，实时预览压缩效果
- 如果体积仍超标，把最大宽度调整为 1920px
- 下载压缩后的图片，对比原图确认画质
进阶：批量压缩与自动化
运营、设计师经常需要一次处理几十上百张图。本地工具如 Squoosh（Google 出品）、ImageOptim（Mac）支持批量处理；开发者则可以用 sharp（Node.js）写脚本：sharp(input).resize(1920).webp({quality: 80}).toFile(output)，一行代码完成压缩。
无论用什么工具，核心参数逻辑都是相通的：先定尺寸，再定质量，最后选格式。记住这个顺序，任何图片压缩需求都能快速找到最优解。