Html 具有适当权限和正确链接的图像从我的网站上消失

我正在建立一个网站

当我创建网站并上传文件时，网站的徽标突然停止显示。我没有在控制台中得到任何错误，好像它没有找到图像或者暗示可能存在权限错误

图像就是不显示

这是我的密码：

            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bottomNav">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="img/Olympian_Faceted.png" alt="Olympian Logo" /></a>
            </div>

切换导航

---

这是一个非常简单的引导站点，我发现的任何主题都提到路径错误或图像没有上传到服务器。我已经检查了这两个选项，但似乎无法解决图像无法显示的原因。

至少检查以下内容

您正在使用

img/Olympian\u Faceted.png

作为源代码。服务器上的名称相同吗

尝试重命名该文件

尝试JPEG而不是PNG

---

因为，如果我在浏览器中打开图像，图像将不显示

您的图像有问题。重新创建它。我试图重命名该文件，但没有成功。然后我重新保存并将其重命名为.jpg。这就是它起作用的原因。我仍然很好奇为什么图像没有显示在服务器上，也没有显示为未找到。