image - chrome 和 firefox 中的损坏图像在 safari 中工作

Question

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

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

我已经重新上传了很多次，甚至尝试过替代路径和文件名。

有谁知道我是怎么搞砸的？

Answer 1

我遇到了同样的问题。对我来说，事实证明图像已损坏。如果我尝试在 photoshop 中打开 png 文件，我会收到一条错误消息，说它无法解析文件。

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

我将损坏的文件下载到我的 macbook 上，用预览打开它(用 > 预览打开)

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

保存复制的图像

作为测试，我尝试在 Photoshop 中打开新复制的图像，我能够做到!

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

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