【小白必看】一文教你搞定网站缩略图片不显示问题

RT. 相信所有主题作者都会遇到用户问这个缩略图片不显示的问题，也相信所有网站站长博主都碰到过这个问题。那么，作为网站站长，怎么去排查解决这个缩略图片不显示问题呢？下面龙笑天就来教你轻松搞定网站图片不显示问题的方法。

1 图片没有启用延迟加载

如果你的网站图片没有延迟加载或没有启用图片延迟加载，图片不显示的话，这种情况最简单了，直接鼠标在不显示的图片上右键，然后“在新标签中打开图片”，如下图，然后就可以知道图片地址具体报啥错误了，根据报错去纠正就行，基本都是 404 图片不存在问题...

2 图片启用了延迟加载

如果你的网站启用了图片延迟加载，图片不显示的话，这种就稍微复杂点了，需要通过浏览器的审查元素来获取图片的真实地址然后查看了。

2.1 在图片上审查元素

鼠标在不显示的图片上右键，点击“审查”或者“审查元素”，如下图：

在弹出的浏览器控制台中，找到图片的 img 标签，如下图：

2.2 获取图片的真实链接地址

双击图中的 data-original 属性的值，如下图，然后ctrl+c复制即可，这个复制的值就是图片的真实显示地址链接了，然后浏览器新标签打开这个链接地址，即可看到相关报错了，然后根据报错去修正就行。

3 解决 timthumb 图片裁剪问题

对于使用了 timthumb 来裁剪图片做缩略图的主题来说，比如本站Dragon 主题，如果裁剪的缩略图片不显示的话，可以按照以下几点去排查解决：

1. 保证网站目录里的所有文件的所有者都是www，不能是 root；请自行百度宝塔面板如何将文件及文件的所有者改为 www
2. 检查/functions/cache/这个 cache 文件夹的权限是否为 755；
3. 如果是某些外链图片出问题，可以去主题的/functions/timthumb.php里找到$ALLOWED_SITES，将外链的域名加入到这个数组中。
4. 图片尺寸太大，裁剪失败，建议控制在 200KB 以内，以方便裁剪不出错。
5. 图片名字只能包含大小写字母、数字、横线和下划线，不能包含中文、空格和其他字符。
6. 检查下图片所在的服务器的防火墙规则，是不是防火墙拦截了缩略图裁剪的请求导致的不显示。
7. 其它问题可以自行百度下。