图片压缩实测：60MB变7.2MB肉眼无差别，Lighthouse从42分涨到89分

TinyPNG / TinyJPG

最老牌的在线压缩工具，支持PNG和JPEG。单次最多上传20张，单张最大5MB。免费版每月500张，付费版$0.009/张起。

压缩效果：PNG通常能压掉60-80%，JPEG压掉40-70%。画质保持得非常好，几乎看不出差异。

适合场景：少量图片、对画质要求高的设计师

限制：不支持WebP输出、不支持AVIF、批量上限20张

Squoosh（Google出品）

开源在线工具，支持JPEG/PNG/WebP/AVIF全格式互转。特色是左右分屏对比原图和压缩后效果，可以拖动滑条调节质量参数，实时预览。

核心优势：参数调节自由度极高。MozJPEG、OptiPNG、WebP、AVIF等编码器全部内置，可以逐个尝试哪种编码器对你这张图效果最好。

适合场景：单张精调、格式转换实验、技术选型测试

限制：没有批量功能，一次只能处理一张

CompressIMG

2026年比较火的新在线工具，支持批量上传100张，单张最大25MB。输出格式支持JPG/PNG/WebP/AVIF，一次性全部可选。

亮点：批量处理时每张图可以独立设置压缩参数，不是一刀切。免费版每天50张，付费$9.9/月无限量。

适合场景：日常运营、中等批量、需要多格式输出

限制：免费版每日50张，处理大文件偶尔排队

Caesium Image Compressor

开源免费，Windows/macOS/Linux全平台。支持JPG/PNG/WebP/TIFF，批量处理无数量限制。压缩率最高可达90%，画质保持得很好。

适合场景：运营日常批量压图、网站素材预处理、大量截图压缩

推荐理由：免费无限制，操作最简单，压缩效果靠谱

ImageOptim（macOS专属）

macOS上最经典的图片压缩工具，完全免费。拖拽即用，集成多个压缩引擎（PNG用pngquant+optipng+advpng链式压缩，JPEG用mozjpeg）。

适合场景：macOS用户、对PNG压缩有极致需求、设计师日常

限制：仅macOS，无Windows版

Node.js: sharp

目前Node.js生态里性能最好的图片处理库，底层基于libvips（C语言实现），比imagemin快4-5倍。支持JPEG/PNG/WebP/AVIF/TIFF全格式，缩放、裁剪、格式转换、压缩一条龙。

const sharp = require('sharp');const fs = require('fs');const path = require('path');const inputDir = './images';const outputDir = './compressed';// 批量压缩为WebP，质量80%fs.readdirSync(inputDir).forEach(file => {const ext = path.extname(file).toLowerCase();if (!['.jpg','.jpeg','.png'].includes(ext)) return;sharp(path.join(inputDir, file)).webp({ quality: 80 }).toFile(path.join(outputDir,path.basename(file, ext) + '.webp')).then(info => console.log(`${file}: ${(info.size/1024).toFixed(1)}KB`));});

适合场景：前端项目构建流程、Node.js后端图片处理服务

Python: Pillow

Python生态里最成熟的图片处理库，批量压缩代码量极少。缺点是压缩算法不如sharp激进，同样质量参数下输出文件比sharp大10-15%。

from PIL import Imageimport os, globfor filepath in glob.glob('images/*.{jpg,jpeg,png}'):img = Image.open(filepath)if img.mode == 'RGBA':img = img.convert('RGB')  # JPEG不支持透明通道out = os.path.join('compressed',os.path.basename(filepath))img.save(out, 'JPEG',quality=75, optimize=True)print(f'{os.path.basename(filepath)}: 'f'{os.path.getsize(out)/1024:.1f}KB')

适合场景：Python脚本自动化、数据分析流程中的图片预处理

# 安装npm install -g imagemin-cli# 压缩images目录所有图片，输出到compressedimagemin images/*.{jpg,png} --out-dir=compressed \--plugin=mozjpeg --plugin=pngquant# 直接压缩为WebPimagemin images/* --out-dir=compressed \--plugin=webp={quality:80}

选WebP的情况

• 用户群体覆盖iOS老版本（iOS 14以下）
• 需要实时/近实时转换（用户上传后即时压缩）
• 图片量巨大，编码速度是瓶颈
• CDN支持WebP自动转换但还不支持AVIF
• 对兼容性要求极高（政府、银行类网站）

选AVIF的情况

• 图片质量是核心竞争力（摄影站、设计作品集）
• 目标用户设备较新（iOS 16+、Android 12+）
• 可以接受离线/预处理的压缩方式
• 需要HDR图片展示
• 追求极致性能优化（LCP分数每提升1分都重要）

<picture><source srcset="photo.avif" type="image/avif"><source srcset="photo.webp" type="image/webp"><img src="photo.jpg" alt="..."></picture>

运营/编辑：日常几十张图

推荐方案：TinyPNG（在线快速处理）+ Caesium（大批量本地处理）

日常发文配图10-20张，TinyPNG拖进去10秒搞定。月底整理素材库几百张图，Caesium一次性批量跑完。两个工具都不用学，打开就会用。

成本：0元（TinyPNG免费版每月500张足够）

前端开发：集成到构建流程

推荐方案：sharp（Node.js项目）+ imagemin-cli（通用项目）

在webpack/vite配置里加一个图片压缩插件，或者在npm scripts里加一条imagemin命令。每次构建自动压缩，开发时完全无感。

成本：0元（全是开源工具）

电商/图库：海量图片+极致压缩

推荐方案：sharp批量脚本 + AVIF格式 + CDN自动转换

商品图动辄几千张，用sharp写个定时脚本，每天凌晨自动跑一轮新上传的图片。输出WebP+AVIF双格式，CDN层再做一层自动压缩兜底。

成本：0元（开源工具）+ CDN图片处理费用

① 二次压缩画质雪崩。JPEG每次重新编码都会损失信息，一张图如果先被运营压了一次，又被CDN自动压了一次，画质会肉眼可见地变差。解决方式：源头只压一次，CDN层关掉二次压缩，或者源头保留原始高质量版本。

② 透明PNG转JPEG丢失背景。JPEG不支持透明通道，带透明背景的PNG直接转JPEG会变成白底或黑底。如果有透明需求，转WebP或AVIF。

③ 所有图用同一个质量参数。照片类75够用，截图类75文字就糊了。不同内容的图应该用不同的压缩策略，照片类可以压狠一点，文字/UI类要保守一点。

检查画质

压缩完随机抽5-10张原图和压缩后的图并排对比。重点关注：文字是否模糊、色块是否出现条纹、边缘是否锯齿、暗部细节是否丢失。不是一张没问题就全没问题。

确认尺寸

压缩只减体积不改尺寸。但如果原图是4000px宽的照片，即使压到100KB，浏览器渲染还是要解码4000px。建议压缩的同时把显示尺寸也限制到实际需要的宽度（网页通常1920px足够）。

保留原图

压缩是单向不可逆的。压缩前把原始文件备份一份，万一压缩参数选错了或者未来需要更高清的版本，不至于从头来过。硬盘空间不值钱，重拍/重做的成本才高。

测一次Lighthouse

压缩前后各跑一次Lighthouse，重点关注"Properly size images"和"Serve images in next-gen formats"两项。如果这两项还是红的，说明压缩力度不够或者格式没选对。