个别网站图片不显示

上周三下午，个别我打开一个常去的网站摄影论坛，发现帖子里的图片配图全变成了灰色的小叉号。刷新三次，不显换浏览器，个别甚至重启路由器——没用。网站同一时间，图片微信群里有人发截图，不显说某政府服务网站的个别图标也消失了。这不是网站个例。

图片不显示，图片最常见的不显原因是路径写错了。比如网页代码里写的个别是 <img src="/images/photo.jpg">，但服务器上实际文件在 /img/photo.jpg。网站差一个字母，图片浏览器就找不到。这种错误在网站改版后特别多，开发人员换了目录结构，忘了同步更新引用。我见过一个企业官网，首页banner图挂了整整两周，因为运维和前端互相以为对方会改。

另一个高频问题是混合内容拦截。HTTPS页面里如果嵌了HTTP协议的图片，Chrome和Firefox会直接屏蔽。打开开发者工具，控制台会报“Mixed Content”警告。有个做电商的朋友，商品详情页的图片托管在旧CDN上，还是HTTP的。用户用手机流量能看，连WiFi就白屏——因为部分运营商DNS劫持后强制跳转HTTPS。他折腾半天，最后把图片全部迁到支持HTTPS的图床才解决。

服务器端的问题更隐蔽。图片文件权限设成600，只有所有者能读，Web服务器进程（比如www-data）没权限，返回403。或者.htaccess规则写错，把.jpg也当成动态脚本处理。我帮人排查过一次，发现是Nginx的location匹配把/uploads/目录下的所有请求都转发给了PHP-FPM，图片自然出不来。改回静态文件处理，立刻恢复。

浏览器缓存也会骗人。你明明换了新图，用户看到的还是旧图或者裂图。强制刷新（Ctrl+F5）能解决大部分情况。但有些CDN节点缓存时间设得太长，比如30天，那就得手动刷新CDN缓存或者改文件名加版本号。我自己的博客就吃过亏，换了头像后自己看着正常，读者反馈说还是默认灰头像。后来养成习惯：改图必改文件名，比如avatar-v2.png。

还有一类是图片本身损坏。上传过程中断，文件只有一半，浏览器解码失败。用FTP工具看文件大小，如果明显偏小，基本就是这个问题。重新上传即可。另外，WebP格式虽然省流量，但老版本Safari（iOS 14之前）不支持，也会显示空白。现在很多网站用标签做回退，但写错了source顺序照样无效。

最后说个容易被忽略的：广告拦截插件。有些插件规则太激进，把class="ad-banner"里的图片也当广告屏蔽了。用户自己不知道，开发者测试时没装插件，双方都懵。我建议前端给图片容器起名避开“ad”“banner”“sponsor”这些词，或者用data-src懒加载绕开。

图片不显示这事，九成靠开发者工具。F12打开Network面板，看图片请求的状态码：404是路径错，403是权限问题，500是服务器内部错误，304是缓存。再看Response Headers里的Content-Type，如果是text/html而不是image/jpeg，说明服务器返回了错误页面。一步一步来，比瞎猜快得多。

很赞哦!（8351）