网站favicon制作上传教程:五分钟搞定,网站看起来更正规

2小时前 (00:30:00)阅读1回复0
genmulu
genmulu
  • 管理员
  • 注册排名1
  • 经验值3465
  • 级别管理员
  • 主题693
  • 回复0
楼主

做网站经常需要favicon,就是浏览器标签上那个小图标,很多新手不知道怎么弄,今天说一下favicon的制作和上传方法,五分钟搞定。

第一步:做个简单的favicon

favicon就是一个16x16或者32x32的小图标,不用做太复杂,把你网站的logo缩成小尺寸就行,或者用网站名称的首字母,做个简单的色块加字,清晰就好。

不想自己做的,用在线favicon生成器,上传你的logo,自动生成各种尺寸的图标,下载下来就行,不用自己用PS切。

第二步:上传到网站根目录

把生成的favicon.ico文件传到网站根目录,一般浏览器会自动去根目录找favicon.ico,不用改代码,就能识别。

要是想全站生效,就在主题的header.php里加一行link标签,指定favicon的路径,这样所有浏览器都能正确加载,不会有的浏览器不显示。

第三步:清缓存看效果

传完favicon,按Ctrl+F5强制刷新,就能在浏览器标签上看到小图标了。如果还是不显示,是浏览器缓存的问题,等几个小时再看,或者换个浏览器打开,就能看到新图标。

别小看这个小图标,有favicon的网站,看起来就正规很多,用户收藏你的网站之后,标签栏里有个小图标,辨识度高,也显得你网站是用心做的,不是随便凑的。

favicon是个小细节,但是能让网站看起来专业很多,五分钟就能做好,别忽略这个细节。

本站源码来源于网络收集修改或者交换,甚至可能并非原创,如遇未经考证信息需持审慎态度。若有疑问,可联系本站处理。

本文地址:https://www.genmulu.cn/genmulu/46.html

0
回帖

网站favicon制作上传教程:五分钟搞定,网站看起来更正规 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息