自己做的网站图片不显示，这大概是每个新手站长都经历过的至暗时刻。

上周三凌晨两点，我盯着屏幕，咖啡都凉透了。明明本地测试好好的，一上传服务器，全变红叉。那种感觉，就像你精心准备的求婚戒指，在对方打开盒子前突然碎了。

我干建站七年，见过太多这种案例。很多客户急着上线，代码写得像天书，图片路径搞得一塌糊涂。今天不扯那些高大上的理论，就聊聊我最近帮一个做餐饮连锁的朋友修图的那些事儿。

先说最常见的路径错误。

很多人觉得，图片就在那儿，能找不到吗？错。

我朋友那个站，本地用的是相对路径 ./images/logo.png，上传到服务器后，根目录结构变了，路径直接失效。这就好比你在家里找钥匙，记得是放在鞋柜第二层，结果搬新家后，鞋柜还在，但钥匙早被老婆收进抽屉了。

解决办法很简单，检查图片地址。

用浏览器开发者工具，F12 看一下 Network 标签。如果状态码是 404，那就是路径错了。如果是 403，那是权限问题。

别小看这个 403。

很多服务器默认禁止目录浏览，或者图片文件夹权限设成了 644，但服务器要求 755。我有个客户，折腾了三天，最后发现只是文件夹权限没改对。这种低级错误，真的让人想砸键盘。

再说说图片格式和大小。

有些朋友为了追求高清，直接扔上去几张 10MB 的 PNG。结果呢？加载超时，浏览器直接放弃。

我自己做的网站图片不显示，有时候就是因为图片太大，服务器配置限制了上传大小。

记得有个做电商的朋友，上传了一张 20MB 的海报。服务器直接报错，说文件过大。他以为是自己做的网站图片不显示是代码问题，折腾半天。最后我用 PS 压缩了一下，改成 WebP 格式，大小降到 200KB，瞬间加载完毕。

这里有个小细节，很多新手忽略。

图片文件名里如果有中文，或者特殊符号，服务器可能识别不了。

比如 我的照片.jpg，上传后变成乱码，或者根本打不开。

一定要用英文或数字命名。

img_001.jpg，简单粗暴，永远不出错。

还有 CDN 加速的问题。

如果你用了 CDN，图片路径可能变了。

本地路径是 http://localhost/image.jpg，上线后变成 https://cdn.xxx.com/image.jpg。

如果 CDN 配置没同步，或者缓存没刷新，图片就会挂。

我遇到过这种情况，客户说图片不显示，我让他清一下浏览器缓存，没用。最后发现是 CDN 节点缓存了旧的错误链接。

强制刷新 CDN 缓存，或者换个浏览器试试，往往能解决大问题。

最后，聊聊服务器环境。

Apache 和 Nginx 的配置不一样。

Apache 通常用 .htaccess 文件来控制权限，Nginx 则是在配置文件里写规则。

如果服务器迁移，配置文件没同步，图片路径解析就会出错。

我有个客户，从虚拟主机换到云服务器，没改 Nginx 配置，结果所有图片都 404。

他急得团团转，问我是不是网站被黑了。

我说，别慌，看看 Nginx 日志。

一看日志，全是 file not found。

这才反应过来，是路径映射的问题。

总结一下，自己做的网站图片不显示，别急着重装系统。

先查路径，再查权限，接着看格式和大小，最后考虑 CDN 和服务器配置。

一步步来，总能找到原因。

建站这事儿，就像修车，你得懂点原理，不然只能换零件，修不好根本。

希望这些经验，能帮你少走弯路。

毕竟，时间就是金钱，谁也不想把时间浪费在找红叉上。

如果你还在为这个问题头疼，不妨试试上面的方法。

哪怕只解决了一个小问题，也是进步。

建站路上，我们都是同行者。

共勉。