GitHub服务器加载优化SVG失败问题求助

问题详情 #

• 平时习惯编写高度优化的代码，尤其注重HTML、CSS、SVG的简洁性，近期正在优化GIMP生成的博客标题SVG，已清理掉GIMP路径工具生成的大量冗余代码。
• 本地加载无异常：在Brave、Chrome、Firefox、Edge、Opera、Tor等主流浏览器中，从本地硬盘加载包含该SVG的页面，均能正常显示。
• 服务器加载异常：将SVG托管在GitHub服务器后，在博客的HTML文档中加载该SVG时，页面完全无法渲染；但直接在浏览器中打开该SVG的GitHub链接，却能正常显示。
• 已尝试多篇文章中提及的所有SVG加载方法，均未解决问题。
• 关键排查结论：调整SVG的viewBox属性，当设置初始y值为-150或-200（例如viewBox="-150 0 1000 150"）时，HTML文档中可正常渲染图像；但使用viewBox="0 0 1000 150"或viewBox="0 0 3000 450"时，HTML文档加载失败，单独访问SVG文件则显示正常。

最小复现案例 #

已按SVG版块版主要求，创建了最小化的复现示例。

求助需求 #

恳请相关专家帮忙定位该问题的根本原因，尤其是与viewBox属性相关的影响因素。

内容的提问来源于stack exchange，提问作者Irfan Surdar