网站不加载图片

浏览器里那个破图标转了三圈，网站然后一片空白。不加右下角那个加载进度条卡在百分之七十三，载图像被什么东西咬住了一样。网站我盯着屏幕，不加手指在鼠标上敲了敲，载图又按了一下F5。网站没用。不加

图片不加载，载图这问题太他妈常见了。网站但常见不代表简单。不加我见过一个电商网站，载图首页主图挂了三天，网站运营部门急得团团转，不加技术部门查了三天日志，载图最后发现是CDN节点上的缓存文件被某个手贱的运维删了。就这么简单的事，愣是让整个公司的人对着一个空白页面干瞪眼。

另一种情况更隐蔽。网站能打开，文字能显示，CSS样式也正常，但图片区域全是一片灰底，中间有个小图标——那是浏览器找不到图片时的默认占位符。你右键点击，选择“在新标签页中打开图片”，结果地址栏里那个URL看起来完全正常，后缀是.jpg，路径也对，域名也对。但页面就是加载不出来。

我遇到过最操蛋的一次，是某政府网站的图片全部不显示。排查了半天，发现他们的服务器上所有图片文件权限被设置成了600，只有root能读。Apache跑在www-data用户下，自然什么都读不到。这是谁改的？没人承认。最后查了系统日志，发现是一个安全扫描脚本干的，它把所有非系统文件都改成了600权限，说是“加固安全”。

还有个常见坑是HTTPS和HTTP混用。页面是https的，但图片引用的是http://开头的地址。浏览器出于安全策略，直接给你拦了。控制台里会报错，说“Mixed Content: The page at 'https://...' was loaded over HTTPS, but requested an insecure image 'http://...'”。这种问题在开发环境里不会出现，因为开发环境全走http，一上生产就露馅。

有时候问题出在你自己身上。网速慢，图片文件大，加载超时。或者你公司内网屏蔽了某些图片CDN的域名。还有可能是你浏览器装了广告拦截插件，它把图片误判成广告给过滤了。我有个同事，他浏览器里装了四五个拦截插件，结果看任何网站都缺图，他还以为是网站的问题。

最烦的是那种间歇性故障。图片有时候能加载，有时候不能。你刷新一下好了，再刷新又挂了。这种问题最难定位，因为你在现场的时候它表现正常，你一走它就犯病。后来发现是DNS解析的问题，本地DNS服务器缓存了错误的记录，偶尔返回一个错误的IP地址。

说这么多，其实就想表达一个意思：图片不加载，原因可能从你电脑的浏览器设置一路延伸到几千公里之外的服务器机房。排查的时候别慌，先按F12打开开发者工具，看Network标签页里那个红色的请求，状态码是什么。404是文件没了，403是权限不够，500是服务器内部错误，还有的是直接显示failed，那就是网络层面的问题。

我见过最离谱的一个案例，是某个网站所有图片都加载不出来，但HTML和CSS都正常。查了整整两天，最后发现是服务器上某个安全模块把图片文件的Content-Type响应头给改了，改成了text/html。浏览器一看，你返回的是HTML内容，但标签期望的是图片，直接拒绝渲染。

修好之后，那个运维工程师瘫在椅子上，说了一句：我操，就这？就这。技术问题往往就是这样，看着玄乎，捅破那层窗户纸之后，简单得让人想骂娘。但捅破之前，你得有耐心，一层层地剥下去。别急着下结论，先看现象，再查日志，最后动手改。顺序反了，只会把问题搞得更乱。