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

  • A+
所属分类:网站建设
阿里云优惠券免费领取

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图片放在网站根目录,也可以自定义放到自己喜欢的目录中,但请注意引用该图标地址一定要正确,否则无法显示。

注意:购买阿里云服务器领取2000元代金券,结算时抵扣订单金额。

阿里云高性能云服务器优惠
新手站长

发表评论

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

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

    • 郑州SEO 郑州SEO 0

      谢谢分享!