图片压缩到 200KB 不糊：先缩尺寸，再调质量
很多图片不是“压不小”，而是一开始就用 4000px 原图去压 200KB。先缩到实际展示尺寸，再选格式和质量，通常比反复压原图更清楚。
一、为什么直接压原图会糊
图片体积 ≈ 像素数量 × 每个像素的信息量。直接对 4000×3000 的原图压质量，压缩算法要先丢掉大量高频细节；文字、商品纹理、人脸边缘最先变糊。
更稳的顺序是：
- 先缩到实际展示尺寸：网页首屏 1200–1600px 通常够用，商品详情按平台要求。
- 再选格式：照片 JPG/WebP，透明图 PNG/WebP。
- 最后调质量：从 80 开始往下试，别一上来 40。
- 检查细节：文字、人脸、商品边缘、透明区域。
二、四步压缩法
第 1 步：确定“实际展示尺寸”
不要按原图尺寸压。先问：
- 这张图在网页/详情页显示多宽？
- 平台要求最大边长多少？
- 是否需要 2x 高清屏？
例如详情页显示 800px 宽，做 1200–1600px 通常足够；做 4000px 再压 200KB，细节会被压没。
第 2 步：先缩尺寸，再压质量
顺序不要反。先 resize 到目标尺寸，再压缩；多数工具支持“最大宽度 + 目标 KB”。
目标：最长边 1600px，文件 ≤ 200KB 格式：JPG/WebP 质量：80 起，逐步降到 70/60 检查：文字、人脸、商品纹理、透明边缘
第 3 步：看内容类型
| 图片类型 | 建议格式 | 注意 |
|---|---|---|
| 商品实拍/风景 | JPG / WebP | 纹理多，质量别太低 |
| 带文字的海报 | PNG / WebP | JPG 文字边缘容易糊 |
| 透明 Logo/图标 | PNG / WebP | JPG 会丢透明变白底 |
| 截图/界面 | PNG / WebP | 细线、文字多，压缩要保守 |
第 4 步：检查文件大小和画面
不要只看“已压缩”。打开原尺寸看：文字是否发虚、商品纹理是否糊、人脸是否变形、透明边缘是否有白边。
三、JPG / PNG / WebP 怎么选
JPG
照片首选，兼容性最好；不支持透明；文字边缘容易糊。
PNG
适合透明、文字、截图；无损但体积大，压到 200KB 往往要缩尺寸或减色。
WebP
通常比 JPG 更小，支持透明；老平台/老系统兼容性要确认。
如果你只是发公众号/电商后台，先看平台支持什么格式，再选；不要为了小几十 KB 牺牲清晰度。
四、压完怎么检查
- 文件大小是否真的 ≤ 目标值。
- 文字是否发虚、有锯齿。
- 商品纹理/人脸是否糊。
- 透明图是否出现白边/黑边。
- 手机和电脑各看一次。
如果糊了，优先回退“尺寸”或“格式”，不要继续降质量。
五、批量压缩怎么不翻车
- 先拿 3 张最复杂的图做样本，确定尺寸/质量参数。
- 再批量处理，不要一上来 500 张。
- 按文件名/目录保留原图备份。
- 抽 10% 检查文字、人脸、透明边缘。
- 记录参数，下次复用。
MarkKit 提供 图片压缩 和 批量图片压缩，在浏览器本地处理；适合不想把商品图/证件照上传到陌生服务器的场景。
六、FAQ
图片压到 200KB 一定不糊吗？
不一定。原图尺寸、内容复杂度、格式和目标尺寸都会影响。先缩到实际展示尺寸，再调质量，比直接压原图更稳。
JPG、PNG、WebP 怎么选？
照片优先 JPG/WebP；需要透明/文字边缘优先 PNG，但 PNG 体积通常更大。透明图压成 JPG 会变白底。
200KB 是硬标准吗？
不是。平台可能有自己的上限和尺寸要求；先看平台规则，再看首屏加载和清晰度。
批量压缩会不会上传图片？
MarkKit 的图片压缩在浏览器本地处理；具体以工具页说明为准。
压完怎么检查？
检查文字、人脸、商品细节、透明边缘和文件大小；不要只看缩略图。