直接答案:第 104 期的 13 个产品入口页共有 654 个 img 标签,其中 634 张带可用 src。按 URL 扩展名:SVG 234(36.9%)、PNG 225(35.5%)、JPG 160(25.2%)、GIF 5、无扩展名 10,WebP 与 AVIF 均为 0。站外图片 37 张(5.8%),来自 4 个页面;alt 非空只有 238 条(36.4%),缺失 287 条(43.9%),空 129 条(19.7%)。

产品页比首页和文章页更“图片化”:13 页平均 48.8 张图,P13 一页就有 270 张、P02 有 109 张。SVG 占 36.9%,说明大量图标/示意图;但 alt 缺失 43.9%,是三类页面里最差的。

634
带 src 的图片
36.9%
SVG
5.8%
站外图片
43.9%
缺失 alt

方法:同一批产品页,只读静态 img

样本为第 104 期的 13 个产品入口页(2026-11-01 采集,P01–P15 中排除 P04/P14 的无产品链接)。零网络,只解析缓存 HTML 中的 <img>:扩展名取 URL 路径,站外按注册域比较,alt 分非空/空/缺失;同时记录 width+height、loading=lazy、srcset。格式与主机口径与第 97 期首页图片交付一致。

项判定边界
图片img 带非空、非 data: 的 srcCSS 背景图不计
站外注册域与产品页不同子域算站内
扩展名URL 路径末尾的 .jpg/.png/.svg 等不等于实际编码
alt非空 / 空字符串 / 无 alt不评价文案质量

结果:SVG 37%、PNG 36%、JPG 25%

格式数量占 634
.svg23436.9%
.png22535.5%
.jpg / .jpeg16025.2%
无扩展名101.6%
.gif50.8%
.webp / .avif0 / 00%

产品页的格式结构与文章页、首页都不同:文章页 PNG 80.8%、首页 PNG 43.1%,产品页 PNG 只有 35.5%,SVG 反而最高(36.9%)。这不代表产品图都是矢量;很多 SVG 是图标、箭头、认证标识,需要与产品照片分开看。

alt:非空 36.4%,缺失 43.9%

alt 状态数量占 654
非空23836.4%
空字符串12919.7%
缺失28743.9%

这是三类页面里最差的一组:文章页 alt 非空 76.8%、缺失 18.5%;首页非空 38.0%、缺失 29.1%;产品页非空 36.4%、缺失 43.9%。产品图直接影响选型,缺失 alt 会让读屏用户和图片检索都拿不到信息。

逐页结果(13 页)

页图片SVGPNGJPG站外alt 非空缺 alt
P014031022
P0210795600293
P03280101824370
P051601600160
P066206110280
P072802713330
P08170134001
P092202110220
P101901170154
P113503412350
P128000816
P1327013921110027242
P151801260139

图片高度集中:P13 一页 270 张(占全部 42.6%)、P02 107 张;其余页面多在 4–62 张。P13 也是缺 alt 最多的页面(242 张);P09 有 20/22 张缺 alt。P03 有 24 张站外图,P12 的 8 张全部站外,说明个别模板把产品图放在第三方 CDN。

与首页、文章页对比

指标13 个产品页14 个首页36 篇文章页
带 src 图片634538499
PNG35.5%43.1%80.8%
JPG25.2%31.4%10.8%
SVG 图片文件36.9%22.7%0%
站外5.8%0%37.7%
alt 非空36.4%38.0%76.8%
alt 缺失43.9%29.1%18.5%
width+height1.1%3.0%0%
lazy / srcset0 / 00 / 00 / 极少

三类页面的图片问题不同:文章页 PNG 偏多但 alt 覆盖较高;首页自托管、alt 覆盖低;产品页 SVG/图片数量最多、alt 缺失最高、几乎不自托管。不能用一套图片规范覆盖三类页面。

对验收的启示

  1. 产品图单独抽查 alt。 43.9% 缺失,是三类页面里最差;先补产品主图、细节图、认证标识的描述。
  2. 区分图标 SVG 与产品照片。 SVG 36.9% 不一定都是矢量产品图;验收时按用途分组。
  3. 产品照片优先 WebP/AVIF。 两类现代格式都是 0;长产品列表可以考虑按需格式。
  4. 补 width/height 与 lazy/srcset。 只有 1.1% 有宽高、0 个 lazy/srcset;长列表在移动端会直接下全图。
  5. 核对站外产品图。 4 个页面有站外图(P03 24、P12 8);CDN 变更会影响这些产品页。

局限

  • 13 页 pilot:第 104 期同一批产品入口页;不是全站产品页,不外推行业。
  • 只看扩展名:未请求图片,不确认实际编码、字节或可用性;SVG 可能是图标也可能是产品图。
  • alt 只分状态:不评价文案质量,不判断空 alt 是否为装饰图。
  • 单次快照:2026-11-01 缓存,未复测改版。
  • 页面级:含导航、页脚、图标,未分离正文;P13 的 270 张包含模板图片。

数据与复算

匿名数据:equipment-product-entry-image-delivery-2026.csv(13 行 × 19 列:img 标签、带 src、站外、主机、查询参数、各格式计数、alt 三态、宽高、lazy、srcset)。仓库内为 docs/research/2026-11-product-entry-image-delivery.csv。

解析:scripts/homepage_image_probe.py(合并 article_image_source_probe.py 与 article_img_attrs_probe.py);相关单测 scripts/test_homepage_image_probe.py(6 项)与 scripts/test_article_image_source_probe.py。运行:

python -m unittest scripts.test_homepage_image_probe

配套:产品入口页 AI 可读性 pilot、首页图片交付 pilot、文章页图片交付 pilot。

数据来源与口径

  1. 样本:第 104 期 13 个产品入口页缓存(2026-11-01 采集;P04/P14 无产品链接)。
  2. 图片:静态 img 的 src;扩展名取 URL 路径;站外按注册域;alt 分三态。
  3. 统计时间:2026-11-07,零网络请求;站点与产品 URL 不公开。
关于作者

凌壹信息Official(交付团队),负责企业网站、品牌与智能制造项目的需求梳理、方案与验收协作。本文只统计缓存 HTML 中产品页图片的扩展名、主机与 alt 状态,不请求图片、不判断实际编码、字节或版权;13 页 pilot,不外推行业。

产品图,先补 alt 再谈格式

634 张图:SVG 36.9%、PNG 35.5%、JPG 25.2%;alt 缺失 43.9%。

预约内容验收方案