每日整理真实提问 356 个问题 · 726 个回答 需要系统性的技术文档?看 Shopify 技术百科 1000 篇 → 400-873-8117
已解决 提问于 11 天前

图片已经用了 CDN 还是很大

2 个回答 3,323 次浏览 性能与 Core Web Vitals 最后活跃 7 天前
54

商品图上传的是 3000px 原图,前台虽然用了 img_url 但下载的还是大文件。

陈
陈工提问者
Shopify 认证开发者 · 专注主题与 Liquid
11 天前提问 · 已收到 2 个回答

2 个回答

已采纳 · 提问者确认解决
34

先把判断放在前面:尺寸参数没生效或 srcset 缺失,浏览器会选最大的那张。

1处理顺序

  1. 确认输出了 srcset 多尺寸,且 sizes 与布局匹配。
  2. 检查是否直接输出了 image.src(原图地址),这会绕过尺寸参数。
  3. 用 image_url: width: 800 这类明确宽度。
  4. 首图用 WebP/AVIF,Shopify CDN 支持自动格式协商。
  5. 用网络面板确认实际下载的图片尺寸。
验收:实际下载图片尺寸接近显示尺寸,无 2MB 以上的首屏图。
风 风格技术团队 回答于 10 天前
12

上传 3000px 原图本身没问题,Shopify 会按需生成。问题在于前台是否请求了正确的尺寸。

泽 阿泽 · 前端工程师 · 9 天前

你的处理方式是什么?

写下你实际验证过的步骤,比「我也有这个问题」有用得多。当前版本为静态展示,提交后会由团队整理并回复。

描述你遇到的现象、店铺环境(主题 / 套餐 / 应用)、已经试过哪些操作……
我要单独提问 工作日 10 分钟内回复,可直接加微信 fenggejishu