关于 Shopify 与电商的报道与研究
商家都在搜索 Dawn 幻灯片应该用多大的图片尺寸,但这个 section 根本没有尺寸字段,而真实存在的 8 个设置项决定的是裁切方式和切换速度,而不是像素。
大多数在搜索框里输入 “shopify slideshow image size dawn theme” 的商家,寻找的是一个在他们正在编辑的 section 里并不存在的数值。Dawn 的 sections/slideshow.liquid 有 8 个设置项和 1 种 block 类型,而其中没有任何一项是上传图片的像素宽度或高度。这个 section 实际给你的,是一组关于布局、时间控制和裁切行为的选择,理解这些选择比去寻找一个从未被构建过的尺寸字段更重要。
查看 sections/slideshow.liquid 中实测的设置项(Shopify/dawn,提交 258f00f,2026年8月10日),列表包括 layout(有 2 个选项的下拉选择)、slide_height(有 4 个选项的下拉选择)、slider_visual(有 3 个选项的下拉选择)、auto_rotate(复选框)、change_slides_speed(范围为 3 到 9 秒,步长为 2),以及 image_behavior(有 2 个选项的下拉选择)。这是总共 8 项中已命名的 6 项,剩下两项补全了整个模块。这份列表里没有任何一处要求填写图片的像素宽度或高度。slide_height 使用预设选项控制幻灯片容器的高度,而不是让你输入一个数字;image_behavior 控制图片如何填充该容器,同样是通过预设选项而非尺寸。所以对于”用多大的图片尺寸”这个问题,诚实的答案是:Dawn 的幻灯片在设计上就不接受这样一个数值。
Dawn 的 sections/image-banner.liquid 与幻灯片 section 并列,但是一个不同的工具,它有 12 个设置项和 3 种 block 类型,而幻灯片是 8 个设置项和 1 种 block 类型。它提供了 image 和 image_2 两个独立的 image_picker 字段、image_overlay_opacity(范围为 0 到 100,步长为 10%)、image_height(有 4 个选项的下拉选择)、image_behavior(有 4 个选项的下拉选择),以及 desktop_content_position(有 9 个选项的下拉选择)。图片横幅的 image_behavior 选项数量是幻灯片同名设置的两倍,4 对 2,这意味着横幅 section 支持比幻灯片更多的裁切和缩放模式。如果商家需要精确控制一张主视觉图片的摆放和裁切方式,更合适的选择是图片横幅 section,而不是幻灯片。
Horizon 的 sections/slideshow.liquid(Shopify/horizon,提交 8b42ace,2026年8月31日)有 15 个设置项,而 Dawn 为 8 个,其中之一是 full_frame_on_mobile,一个在 Dawn 幻灯片设置项中任何位置都找不到对应项的复选框。Horizon 还增加了 display_mode 和 section_width(都是有 2 个选项的下拉选择),以及 slideshow_gap(范围为 0 到 30 像素,步长为 1)和 corner_radius(范围为 0 到 50 像素,步长为 1)。按实测结果,这四个设置项在 Dawn 的幻灯片中都不存在。这里的发现正是”缺失”本身,而不是一种模糊的可能性:在提交 258f00f 时,Dawn 的幻灯片 section 没有针对移动端的框体设置,没有间距控制,也没有圆角控制,而 Horizon 有。
| Section | 主题 | 设置项 | Block 类型 | 值得注意的图片/移动端字段 |
|---|---|---|---|---|
| slideshow.liquid | Dawn | 8 | 1 | slide_height(4)、image_behavior(2),无移动端专属字段 |
| image-banner.liquid | Dawn | 12 | 3 | image + image_2 选择器、image_behavior(4)、叠加层不透明度 0-100 |
| slideshow.liquid | Horizon | 15 | 1 | full_frame_on_mobile 复选框、slideshow_gap 0-30px、corner_radius 0-50px |
| hero.liquid | Horizon | 36 | 8 | media_type_1/2 下拉选择、image_1/2 选择器、video_1/2 字段 |
这里的方法很直接:2026年7月 从真实访客处采集的 CrUX 实地数据,而非实验室测试,覆盖整个市场并按主题汇总。在 247 个拥有足够移动端数据的主题中,通过全部三项 Core Web Vitals 指标的店铺占比中位数为 85.5%,表现最好的主题为 98.6%,最差的为 46.1%。在桌面端,199 个拥有足够数据的主题中,中位数为 86.2%,最好的主题达到 99.2%,最差的降至 30.3%。这些数字都不来自幻灯片 section 的代码,而 sections/slideshow.liquid 或 sections/image-banner.liquid 里的任何设置项,都不可能单靠自身把一家店铺从移动端区间 46.1% 的一端推向 98.6% 的一端。图片体积、每张幻灯片的图片数量以及主题整体性能,其影响都超过任何裁切设置。
在 329 个主题的汇总市场中,价格中位数为 $300,区间为 $100 到 $500,平均评分为 308 个主题的 4.53(满分 5),每个主题的评价数中位数为 23 条,所以仅凭价格和口碑,商家无法判断一个幻灯片 section 安装之后的实际表现。查看你正在考虑的主题的实际设置文件,数一数它提供了多少个图片行为选项,并在假设存在移动端专属框体设置之前先确认它是否真的存在。然后查看该特定主题的 Core Web Vitals 通过率,而不是市场中位数,因为移动端 46.1% 到 98.6% 之间的区间足够宽,其重要性超过任何幻灯片裁切选项。
在假设存在图片尺寸字段之前,先查看任何主题的设置文件,因为 Dawn 的幻灯片 section 根本没有,它的 8 个设置项控制的是裁切和时间。把你正在考虑的特定主题的实际通过率,与移动端中位数 85.5% 和桌面端中位数 86.2% 做对比,因为这一差距能告诉你的幻灯片真实性能信息,远多于任何设置项的名称。
Dawn 的幻灯片 section 并没有一个可以填写图片尺寸的设置项,所以在它的 8 个设置项里,任何位置都不存在一个唯一正确的像素数值需要输入。你真正能控制的是 slide_height(一个有 4 个选项的下拉选择)和 image_behavior(一个有 2 个选项的下拉选择),两者共同决定幻灯片框体有多高,以及框内图片如何被裁切或缩放。如果你上传了一张过大的图片,决定它显示多少内容的是 image_behavior 和 slide_height,而不是某个尺寸字段,因为该 section 里并没有这个字段。
这个 section 本身并不像 Horizon 的幻灯片通过 full_frame_on_mobile 那样,提供仅针对移动端的图片尺寸或仅针对移动端的框体设置。Dawn 的 8 个设置项中包括作为复选框的 auto_rotate,以及 change_slides_speed(范围为 3 到 9 秒,步长为 2),这两项在任何设备上都以相同方式生效。可测量的移动端差异来自 Core Web Vitals 数据:在 247 个拥有足够数据的主题中,移动端通过全部三项指标的店铺占比市场中位数为 85.5%,而桌面端在 199 个主题中为 86.2%,所以移动端性能略微落后,而这一差距是真实存在的,即使幻灯片 section 自身的设置项里完全没有提到移动端。
sections/image-banner.liquid 有 12 个设置项和 3 种 block 类型,多于幻灯片的 8 个设置项和 1 种 block 类型。图片横幅额外提供了 image 和 image_2 两个独立的 image_picker 字段、image_overlay_opacity(范围为 0 到 100,步长为 10%)以及 desktop_content_position(一个有 9 个选项的下拉选择),这些幻灯片 section 都没有。所以图片横幅提供了更精细的单图和位置控制,而幻灯片则是为轮播和时间控制而设计的。
Horizon 的 sections/slideshow.liquid 有 15 个设置项,而 Dawn 为 8 个,两者都只有 1 种 block 类型。Horizon 额外提供了 display_mode 和 section_width(各有 2 个选项的下拉选择)、slideshow_gap(范围为 0 到 30 像素,步长为 1)、corner_radius(范围为 0 到 50 像素,步长为 1),以及作为复选框的 full_frame_on_mobile,按 Shopify/dawn 仓库 2026年8月10日 的 258f00f 提交测量,这些在 Dawn 的版本中都不存在。那个复选框最清楚地表明 Horizon 在设计时考虑了一个独立的移动端取景决策,而 Dawn 的幻灯片设置项完全没有涉及这一点。
在 329 个主题的汇总市场中,价格中位数为 $300,区间为 $100 到 $500,平均评分为 308 个主题的 4.53(满分 5),评价数中位数为 23 条。这些都无法告诉你一个幻灯片 section 能做什么,所以把价格和评分当作预算筛选条件,并在决定某个主题的幻灯片是否适合你计划投放的图片之前,先查看上文列出的实际 section 设置项。