图片技巧2026-10-18· 约 5 分钟读完· docweb 编辑部
图片压缩不糊的三个关键：质量、格式与尺寸
同一张图，压到 200KB 还能看清文字，也可能糊成一团。差别不在“压缩率”，而在你有没有同时控制这三个变量。
变量一：质量（Quality）
JPEG 的质量参数决定丢弃多少细节。文字截图、线稿类图片对质量很敏感，建议 80% 以上；照片类可以降到 60%–70%，肉眼几乎无差别。
不要一次性压到 30% 以下，块状噪点和文字边缘发虚会非常明显。
变量二：格式
照片选 JPEG，透明背景选 PNG，追求更小体积可以试 WebP。同一张照片，WebP 通常比 JPEG 小 25%–35%，主流浏览器均已支持。
带文字的截图不要用 JPEG，改用 PNG 或 WebP，文字边缘会干净很多。
变量三：尺寸
最常见的浪费是把 4000px 宽的原图直接塞进网页。网页正文配图 1200px 宽通常足够，先缩尺寸再压质量，效果远好于只压质量。
docweb 的图片工具在浏览器内用 Canvas 重绘，文件不上传，适合处理证件照、商品图、公众号配图。
一个实用组合
网页配图：宽 1200px + JPEG 75% 或 WebP 70%。证件照：保持原尺寸，JPEG 85%。聊天发送：宽 1600px、质量 70%。