A 方案 · 切图拼装 · 高清版重切效果图(2026-09-14)

A 方案 · 切图拼装 · 高清版(1568×1176,3x 屏富余 45%)。 品牌层可整体替换,底图固定。已知取舍:资历两行与三条数据说明在 360 宽下等效字号 7.8~8.7px, 低于移动端 12px 建议值 —— 长官已知悉并选择 A 方案。
本轮切片说明:高清版设计稿 65eeed12340de57784a11e0135ad534f.jpg(1568×1176)按 y=301 切割(扫描 y=290~320 区间,该行 dark=0 / uniq=25,全区间唯一像素种类最少的一行, 证明是纯背景渐变过渡带,无文字/图形被切断)。 品牌层 hd-brand-default.png = 1568×301,底图 hd-hero-base.png = 1568×875, 两片高度相加 301+875=1176 与原图一致。 帧2 睿视 Logo 原图 1568×332,PIL alpha 通道 getbbox() 实测透明边后内容为 (246,21)-(1270,311),裁边后 1024×290。 帧3(未上传头图 · 现状)原样搬自 h5-brand-hero-v2-mockup.html 帧1,DOM 结构与色值零改动。
帧1 · 默认品牌层(高清切图) · y=301 处切割 hd-brand-default.png(1568x301) + hd-hero-base.png(1568x875)
默认品牌层(已抠除画入汉堡)
底图
帧A · 头部100%(现状) · 睿视 Logo 基准(裁边后 1024x290 · contain 居中)
睿视Logo
底图
帧B · Logo 压至85%(长官定稿口径:压 logo 不压层 · 槽位高度/汉堡/内边距与帧A 完全一致、只有 Logo 图片显示尺寸缩到85% · 底图不缩 · 拼接处零缝隙) · 睿视 Logo 图与底图复用帧A/帧1 已内嵌的 base64(脚本运行期赋值,不重复内嵌省文件体积)
睿视Logo(85%)
底图
帧C · 未上传头图(现状对照) · 照 store-brand-hero.tsx:67-393 还原(原样搬自 v2 帧1)
示范眼科诊所
专注青少年近视防控 · 建档即享专家科普
本机构联合赵阳博士官方接入
全国上万
案例库
万篇
专家科普
20年
的临床思维
赵阳博士
赵阳医学博士 · 主任医师
北大优秀毕业生奖 · 《大国护眼之策》著者