徽标仅在Safari中显示

Question

在过去的40分钟里，我一直在摸不着头脑，想弄清楚为什么下面网站上的徽标只能在Safari中使用。

http://www.jaygeorge.co.uk/catalyst-jrshairdressing/

徽标应位于左上方。该网站是一个WordPress网站，我用来拖动徽标的代码在这里：

<a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('template_directory') ?>/img/logo.png" alt="JR's Hairdressing" title="JR's Hairdressing" /></a>

如果您将鼠标悬停在徽标上并复制图片链接，您会看到该链接正确无误。

Answer 1

看起来图像文件本身就是问题所在。尝试正常的坏图像故障排除：打开并重新保存。确保它是RGB。尝试使用gif等等。

Answer 2

很难说出实际导致错误的原因，但我发现在这种情况下只需在Paint / Photoshop / Gimp中打开图像，重新保存并重新上传通常可以解决问题。