Image 在Chrome中图像损坏，但在Firefox中一切正常

我在页脚的块中有社交媒体图标。下面是非常简单的代码：

<p style="text-align:center">
<a href="http://www.facebook.com/mypage" target="_blank"><img src="/sites/default/files/pictures/Iconfb100.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="http://twitter.com/mypage" target="_blank"><img src="/sites/default/files/pictures/Icontw100.png"></a>
</p>

在localhost上工作，它在Firefox上运行良好，但在Chrome中显示损坏的图像图标。我已经删除了alt属性，但仍然是。 只是不明白为什么

Firefox显示：

Chrome显示器：

有人知道如何修复这个错误吗

谢谢你可以试试

<p style="text-align:center">
<a href="http://www.facebook.com/mypage" target="_blank"><img src="sites/default/files/pictures/Iconfb100.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="http://twitter.com/mypage" target="_blank"><img src="sites/default/files/pictures/Icontw100.png"></a>
</p>

---

谢谢Swee Hong，我已经尝试过在相对路径中不使用第一个斜杠。但如果是这样的话，我也破坏了Firefox中的图像。对不起，SweeHong。按照你的建议，我删除了斜杠。然后，我在两种浏览器上都有相同的结果，显示在主页上，但不显示在视图页面上。这似乎是一个与Drupal相关的路径问题。非常感谢。