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

2021-12-12 10:02 1,159 2 条评论 龙笑天下

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

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

1 图片没有延迟加载

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

鼠标右键,在新标签中打开图片

2 图片启用延迟加载

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

2.1 在图片上审查元素

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

鼠标右键,审查元素

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

获取图片 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. 其它问题可以自行百度下。

「点点赞赏,手留余香」

还没有人赞赏,快来当第一个赞赏的人吧!

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

2021-11-30

2022-01-28

发表评论

表情 格式 贴图 链接 私密 签到
评论
正在努力加载中...
扫一扫二维码分享
×