又是破IE，图片格式错误导致IE无法显示图片

一个客户前2天做了一个欢迎页，用了一张很大的图片，虽然这种东西对SEO非常不好，但是客户既然强烈要求。就做了，用useMap图片热点搞定。

 

一切安好。但是过了2天，客户要求更新一下图片，换了一张图片，我就ftp上传把原来的覆盖了。ff下一看，OK，就过去了。

 

今天客户QQ上叫了，网站打不开啊！我一看，欢迎页的图片显示不出来了，IE6,7,8全都是一样，显示红叉，firefox下面却好好的。这下真是奇怪了。

 

先是到主机控制面板，没发现有相关限制的选项。

 

怀疑自己图方便不改代码，将jpg后缀改成gif的关系，改回jpg，一样还是不行。

 

怀疑原先的图片格式是png格式，改成png后缀，也不行。jpeg？还是不行。

 

用http抓包工具分析了一下，发现161k的图片，到17k左右就停止下载了，估计是IE无法解析，放弃继续下载。艹。。

 

最后在网上找到一篇文章说IE图片格式问题会导致IE无法显示图片。我先直接用IE打开图片，无论6，7，8，显示的图片都是一个红叉，囧。这下说明这问题的根本原因是图片本身。那个美工给我的图片根本是错误的。

 

用fireworks转换了下格式，变成jpg格式，重新上传，搞定。

 

总结：对于IE来说，直接改后缀名会导致图片不能显示。如果后缀名跟文件自身的格式不相符合，也是一样会无法显示。firefox这些浏览器不会有影响，他们可以自己识别。