Html 徽标在网站的不同页面上看起来不同

这真的很奇怪，我的所有网页上都有相同的HTML和CSS代码的徽标，但只有在主页上看起来是像素化的

Html：

 <a href="Home.html"><img id="logo" src="../CONTENT/Images/Logo/1Sr2l8а.png" alt="logo"/></a>
<div id="top"></div>


<ul class="nav">
                <li><a  href="Home.html">Home</a></li>
                <li><a id="products"  href="../product/LAST1.html">Products</a></li>
                <li><a  href="Home.html">Concepts</a></li>
                <li><a  href="../Contact/LAST.php">Contact</a></li>
            </ul>

---

您的主页与其他页面位于不同的文件夹中。您在

img

标签中对徽标src的引用是相对的

../CONTENT/Images/Logo/1Sr2l8а.png

---

这意味着主页与其他页面在不同的文件夹中查找徽标。我猜你在两个地方有一个徽标副本，这些图像的分辨率不同。

我在网站上有我所有图像的文件夹，没有其他副本。你能提供到你网站的链接供我们查看和调试吗？

../CONTENT/Images/Logo/1Sr2l8а.png