Image chrome中的破损图像和safari中的firefox

我有一个在Safari中显示的徽标，但在Chrome中它显示为一个断开的链接，根本不在Firefox中显示

            <a href="index.html"><img src="images/logo-01.png"/></a>

我已经重新上传了很多次，甚至尝试了其他路径和文件名

---

有人知道我是怎么搞砸的吗？

这可能是你的文件结构有问题。现在，您的链接正在使用相对路径（例如

href=“index.html”

）。如果您正在引用的文件与当前页面文件位于同一目录中，则可以执行此操作。但是如果您当前的页面位于其他位置，比如“pages”目录或其他地方，那么您需要告诉链接从站点根目录开始。这看起来像

href=“/index.html”

（注意斜杠）。因此，对于图像，您必须：

---

我遇到了同样的问题。对我来说，结果是图像被破坏了。如果我试图在photoshop中打开png文件，我会得到一个错误，说它无法解析该文件

无论出于何种原因，safari都可以显示损坏的文件，但chrome无法显示。这就是我解决问题的方法。我注意到macbook上的“预览”可以很好地打开文件。如果您使用的是windows，可以尝试使用paint或gimp或photoshop以外的其他程序

我将损坏的文件下载到我的macbook上，用preview打开（用>preview打开）

在预览应用程序中，转到文件>复制，这将复制您的图像

保存复制的图像

作为测试，我试着在photoshop中打开新复制的图像，我能够

将新文件上载到网站。我现在可以在chrome中查看图像了

---

希望这对遇到同样问题的人有所帮助。

您是否尝试过使

标记不自动关闭，然后执行此操作？另外，声明图像的高度和宽度是一种很好的做法，这样浏览器就可以保留适当的空间。另一个想法是，您是否有任何外部CSS应用于这些元素，这可能是原因？我之所以这么问，是因为我的网站上有相同的标记，它在我的电脑和Mac上的Chrome、Safari、IE10中都能正常工作。除非你在做

。/image/logo-01.png

不需要开头的

/

。假设页面与图像位于同一目录中，你可以将其关闭。我将更新答案，使其更具体。如果他提供更多代码和目录结构，这将有所帮助。我假设它是同一个目录，但考虑到它在Safari中工作。是的，该网站在Safari的每个页面上都工作，我应该提供什么更有用的？很抱歉，我做这件事才几个月，我还在学习。我不会说谎，这听起来像是个愚蠢的回答。苹果有时会使用专有的PNG格式，例如在iOS应用程序中。这将导致这种行为。幸运的是，如果您需要以自动方式处理此问题，有一个名为

pngdefry

的工具：