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

2021-12-12 10:02 1,304 2 条评论 龙笑天下
Dragon主题购买

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

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

发表评论

表情 格式 贴图 链接 私密 签到
Dragon主题购买阿里云特价云服务器1核2G低至86元,N4共享型服务器3年仅需799元腾讯云特价云服务器1核2G 88元/年 2核4G3M688元/3年,更有千元代金券礼包免费领!
评论
正在努力加载中...
扫一扫二维码分享
×
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies. Learn more