图片上传，展示的时候总是模糊，一般是什么情况导致的？优化可以从哪下手？

解答思路

图片展示模糊，一般不是单一原因，可以按下面的顺序排查：

1. 确认「拿到的图片」是不是「上传的原图」——很多情况下前端或后端在上传/存储环节做了压缩，导致展示图并非原始分辨率。
2. 如果上传前使用了 canvas 对图片进行处理（如裁剪、缩放），这个过程本身也会造成一次压缩，画质下降是正常现象。
3. 排查 CDN 缓存问题：如果用图片内容的 MD5（或其他不随内容变化的值）作为文件名，一旦图片更新但文件名不变，CDN 可能仍缓存旧的（或未完全同步的）版本，表现出来也可能是「模糊」/显示异常。

详细说明

• 前后端压缩：无论前端用 canvas 转换格式，还是后端做了统一压缩（如缩略图生成、有损压缩），都会降低清晰度。需要在上传链路的每个环节确认图片是否被二次处理。
• CDN 缓存与文件命名：以内容 MD5 作为文件名本意是为了缓存友好和去重，但如果同一张图更新后 MD5 未变（比如只是简单裁剪但整体内容相似，或者命名策略本身有问题），CDN 上可能还是旧资源，看起来就像图片模糊或没更新。

小结

排查图片模糊问题，建议按「原图是否被压缩 → canvas 处理是否引入压缩 → CDN 缓存是否命中旧文件」的顺序逐一确认，就能定位到具体环节。