img_url 指定了尺寸，图片还是很模糊

先把判断放在前面：img_url 的尺寸是 CSS 像素，Retina 屏需要 2 倍图；同时 img_url 是旧过滤器，新主题更推荐 image_url。

1处理顺序

1. 用 image_url 配合 widths：{{ image | image_url: width: 1200 }}，再写 srcset 给多倍图。
2. srcset 里至少给 1x 和 2x 两档，sizes 按实际布局写，否则浏览器仍会选错。
3. 商品主图宽度给到 1200–1600，列表图 600 足够，不要全站统一一个尺寸。
4. 保留 width 和 height 属性，避免 CLS。
5. 用 Lighthouse 看实际下载的图片尺寸，确认不是 CSS 缩放导致的模糊。