favicon.ico图标制作和显示方法

  • A+
所属分类:建站教程
2021服务器优惠

阿里云优惠:1核2G服务器59元/年、2核4G服务器209元/年、4核8G服务器369元一年、8核16G5M 更多...
腾讯云秒杀:1核2G服务器99元/年、2核4G服务器314元/年、4核8G 735元一年、8核16和16核32G 更多...

favicon.ico图标是指网站打开后浏览器上的小图标,那么favicon.ico图标如何制作?favicon.ico图标制作好了之后怎么显示出来?新手站长网告诉你ICO图标的制作以及网站显示ICO图标的方法:

一:favicon.ico图标

favicon.ico图标的特点在于.ico后缀,那么这种后缀的图片是如何生成的呢?使用Photoshop?不太麻烦,.ico图标可以在线做,安利大家一款ICO图标在线制作网站:

ICO图标在线制作

网址:www.bitbug.net

favicon.ico图标制作和显示方法

favicon.ico图标在线制作


如上图所示,本地制作好图片,直接上传到该网站,可以选择图片尺寸,然后输入验证码即可自动下载生成好的ICO格式图片。

网站favicon图标显示方法

将favicon.ico图标地址引用到网站的<head> </head>标签中即可,以WordPress为例,将下列代码引用网站头部模板header.php文件中的<head> </head>标签中

请注意favicon.ico的引用地址,一般favicon.ico图片放在网站根目录,也可以自定义放到自己喜欢的目录中,但请注意引用该图标地址一定要正确,否则无法显示。

2021云服务器价格出炉,便宜有好货!
① 阿里云:2021阿里云特价活动云服务器59元一年起(有高配)
② 代金券:阿里云代金券限量发放中...(有账号就能领)
③ 腾讯云:腾讯云服务器秒杀99元一年起(多款配置可选)

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • 郑州SEO 0

      谢谢分享!