设计给的图在手机上看着模糊，同一张图在电脑上又正常。碰到这种情况，我一般先确认改动有没有真的生效。
原因不复杂，只提供了一张按 CSS 像素尺寸导出的图，高分屏放大后像素不足，边缘和文字就显得发虚。
「高清屏图片」这个问题文档写得含糊，实际行为以当前版本为准，别照旧版本的结论套。改完顺手把文档补一句，省得下次自己重新推一遍。
<img src='/img/a-1x.jpg' srcset='/img/a-2x.jpg 2x' width='320' height='200' alt='商品'>
监控和日志的时间要对上，时区不一致会多绕很大一圈。临时改动用注释写上日期和原因，过两周自己都记不清为什么这么写。
动手前把原文件复制一份带时间戳，出问题立刻换回去，比现场分析快得多。一次只改一处，改完立刻验证，几个改动叠在一起，出问题就说不清是谁导致的。
具体做法是，按显示宽度的倍数准备多套图；用 srcset 让浏览器选择；设置正确的尺寸提示。
最后用这个标准收尾，高分屏加载两倍图，画面清晰且不浪费流量。